Angular Development Tutorials

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.

CSS HTML Typography

Oh Wow That’s Neat – 11: Whatfont Bookmarklet

March 19, 2014

Do you ever use browser developer tools just to figure out what fonts and font styles are being applied on your site and perhaps others? Well, there's an easier way thanks to Chengyin Liu an engineer at Backplane. He has created the Whatfont Bookmarklet extension for Chrome.

Illustrator

User Experience Design With Illustrator

March 17, 2014

Every time I go to design a new site I jump directly into PhotoShop because, well, it's the tool I've used since the very first site I designed as a professional. I know it very well and can move quickly and efficiently.

© 2026 Brian Treese. All Rights Reserved.