Angular Development Tutorials

Animation CSS CSS Transforms

Oh Wow That’s Neat – 18: Morphing Buttons Concept

May 21, 2014

It used to be that websites and their interactions were much different than those from native software applications. Well this is not so much the case anymore. [Mary Lou](http://tympanus.net/codrops/author/crnacura/), a freelance web designer and developer from [tympanus.net](http://tympanus.net/), wrote an interesting article discussing a few different morphing buttons concepts that showcase some amazing possibilities for web interactions.

CSS

Quick Tip – 17: How to Diff CSS Live Edits in Chrome DevTools

May 16, 2014

If you're reading my blog I'll assume that you are familiar with how to live edit code within all browser developer tools. I use them all the time and can hardly remember what it was like without them. Chrome DevTools tend to be my favorite but FireFox and Internet Explorer continue to improve.

Accessibility CSS HTML

Oh Wow That’s Neat – 17: Open Source Ampersands

May 14, 2014

Paul Irish created and maintains a site devoted to Ampersands. The site is a collection of open source web fonts that only contain the ampersand character. He created it based off an [article from 2008](http://simplebits.com/notebook/2008/08/14/ampersands-2/) regarding the usage of ampersands and the fact that certain variants of the character in some fonts are more interesting than others. The article also points out that the ampersand character is often used only for display purposes and not in content so there is no reason not to use more interesting versions.

Css Pseudo Classes For Form Elements

April 28, 2014

layout: post title: “CSS Pseudo Classes for Form Elements” date: “2014-04-28” tags: “CSS” “Forms” “HTML” “SVG”—

HTML Forms

Quick Tip - 16: Disable HTML Form Validation With novalidate

April 25, 2014

With HTML5 we have been given new input types (email, tel, url, number, etc.) and built in browser validation to validate them. This is great but you may want to disable this validation if you want to test your server side validation, use custom validation, or something else.

CSS HTML Pseudo Element

Using CSS Generated Content

April 21, 2014

Back in the good ol' days, CSS was much more limited than it is today. If we needed to style something it had to be in the page which, in turn, led to bloated markup simply for design purposes. Luckily we are no longer in those days.

Animation CSS

Oh Wow That’s Neat – 15: The Magic of CSS

April 16, 2014

We pick up lots of pieces of knowledge over time when working with CSS and then if we don't use them often we can forget how to use them and then have to spend time either looking it up again or looking for where we used them in other projects.

Accessibility CSS HTML

SVGs are So Fresh to Defs

April 14, 2014

No, this is not a hip hop song about SVGs, sorry to those of you who were expecting that. This is another post about good ol' SVG graphics. So most of us know that there is a lot that you can do with SVGs and it can all be done in many different ways. The SVG `defs` element can be used to make SVG code simpler, cleaner, and better.

CSS Illustrator

Quick Tip - 14: Centering the Grid in Illustrator

April 11, 2014

When you create a new Illustrator document the grid will always be aligned based off the upper left corner of the art board. Personally, I always want it to be aligned to the top center. How do you do that? Well, the simplest way that I've found is to actually just center the art board.

CSS Flexbox

Oh Wow That’s Neat – 14: flexboxgrid.com

April 09, 2014

If you're ready to build out your next site using flexbox you are probably going to want to use a grid. Well, you're in luck because [Kristofer Joseph](https://twitter.com/dam) has created [Flexbox Grid](http://flexboxgrid.com/) with many of the features that you're used to with other div based grids and more.

CSS HTML SVG

What the :root Pseudo Class is and Why You Might Use it

April 07, 2014

The :root pseudo class, at first glance, is a little odd. It seems like it's simply a replacement for using the HTML tag as a CSS selector. There's a little bit more to it than that and in this article I will explain what the :root pseudo class is and why you might use it.

CSS

Things You May Not Know About CSS Backgrounds

March 31, 2014

I have been using CSS background properties for quite a few years and have only used what I have needed. There are some pretty cool things that can be done with backgrounds that I was not so familiar with. In this article I'll highlight some of these not so common options.

CSS HTML JavaScript

Oh Wow That’s Neat – 12: SVG Optimiser

March 25, 2014

If you've ever created an SVG image in Adobe Illustrator you've seen some pretty crazy code. Just like all other code we write, it should be simple, clean, and lean. Also, like any other image type we want to make sure that it is optimized and has the highest quality with the smallest file size.

Angular Angular Components Angular Directives

AngularJS Overview for Web Designers

March 24, 2014

AngularJS is a newer JavaScript framework geared towards the creation and maintenance of single page web applications. It is considered to be a “toolset for building the framework most suited to your application development” meaning that, for the most part, you can choose the elements that you want to use and swap out those that you don’t want with other libraries/frameworks of your choice. It is built and maintained by Google and is open source with an MIT license.

© 2026 Brian Treese. All Rights Reserved.