Design

More CSS3 goodness.

Some cool tools to help you with your CSS.

The Princess Merida’s hair was almost a three year process to get correct. Earlier hair such as for the characters in The Incredibles had much more groomed hair, but here the character’s hair simulation needed to solve how to get this messy, tempestuous and unpredictable look while still looking attractive and flowing nicely with the animation.

It’s the details.

No idea how I’d ever use this, but it’s really cool.

Six Revisions:

Icon fonts are font files that have symbols and glyphs (e.g. arrows, folders, magnifying glasses) instead of standard alphanumeric characters.

There are a few really good collections.

Gabe Weatherhead from Macdrifter.com recently moved his Wordpress site to the static-file based Pelican system. He gives a wonderfully detailed look at why and how he did it.

Ordering properties is just one choice you have to make that makes up a complete styling strategy. Naming is a part of it. Sectioning is a part of it. Commenting, indentation, overall file structure… it all makes up a complete CSS style guide.

We’ve seen some pretty spectacular thesis projects by up and coming designers over the years, but never before have any of those projects involved a 6+ month-long road trip through small towns all across Sweden.

Very cool. No money changes hands for his design work, only goods and services that allow him to continue the journey.

This is an incredible experiment.

Very nice and free for personal and commercial use.

The navigation of a website is one of the most fundamental aspects to make or break a user’s experience. Instead of loading your menu down with individual images or sprites, why not do the entire thing in CSS3?

Some great stuff.

Sprite Cow looks really cool.

The more experienced among you already know these, but it’s a helpful tip.

Of course this model isn’t new either, we typically just call it a “paywall”. But a paywall in its basic form is ineffectual for what I want, because then it becomes a massive hurdle to gain new readers (since all my content would be hidden out of the public eye) — I don’t want that.

This is a bold move by Ben. It will be very interesting to see how it works out for him.

Buzzfeed:

These easy and clever bookshelves look so much cooler than anything you can buy from a store. Finding creative ways to display books can be just as alluring as any kind of art.

I love books and love displaying them. Some of these designs look so simple even I could make them.

Incredible.

An explanation of how HTML5 differs from previous versions of the language.

When I redesigned The Loop, HTML5 and CSS3 were high on my list. I didn’t care so much about supporting older or non-compliant browsers.

Where the hell is the beer?

Amazing.

These are very cool.

Dain Miller takes a look at the differences and misconceptions of UI and UX.

Now this is amazing stuff. Look at all of the shapes that can be done with CSS.

Lots of cool stuff here.