Julie Kondo is an interaction designer, not a robot or a panda. This is where she posts about things that inspire her.




Book Review: CSS3 For Web Designers

Alright, I’ll admit it, I’m pretty excited about CSS3. I can’t imagine designing for the web without it. After trying to wrap my head around javascript (I’m terrible at it), I’m glad something this easy to use has come along. Am I the only person who thinks it’s really cool that you can now create drop shadows with three lines of code? Maybe I am. Maybe I’m just a nerd like that.

I’ve always been a proponent of fusing design with development, and now I support that more than ever. In the right hands, or with the right design/dev partnership, CSS3 could be an amazing toolset for designers. The funny thing is, I don’t see how implementing this logic in a stylesheet is any harder than remembering all those Photoshop filters.

I would almost call this book a must-read for any designer who has touched UI design or likes making websites. The possibilities of CSS3 have not even been fully explored in the web realm, and this book only touches on what it can do. What I especially like about this book is that it breaks down all the different capabilities of CSS3 with easy examples and uncomplicated explanations. This is just what I need, because I definitely prefer these books to straight tutorials, like W3Schools, which is actually a great resource for code, but doesn’t use any interesting, real-life examples or delve into why we should be learning the material. CSS3 for Web Designers is part tutorial, part evangelism for this very cool and still very new development in web design. So it’s hard to read this book and not get excited about the subject matter.

link Contrast Rebellion

Site of the week! Makes one hell of a case for higher contrast text and readability.


CSS3 Showcase: Illustration with Code

With CSS3, there are a lot of things to be excited about. When I read CSS3 For Web Designers, my first thought was that it could be an amazing illustrator’s toolkit. Here are two awesome sites that go beyond using CSS3 for box shadows and rounded corners:

BeerCamp SXSW 2010

SImple and brilliant, isn’t it? This site uses CSS to make lollipop trees and a block of buildings.

For the Record

I saw this in a .net showcase and instantly had to check it out. It is basically a series of infographics that illustrates the variety and depth of one person’s record collection. The content is interesting and the design is beautiful. The page tells a story without any extraneous nonsense. Love.

link HTML5 Readiness

Many of these features are ready to implement today.

We don’t have to wait for entire specs to be completed, we can start using some hawtness now.

link Joshua Sortino — UX Designer & Responsive Design Evangelist

I can’t help but appreciate a good, clean (and responsive!) site like this one.

link Colorrrs - A Pocket Dribbble Color Browser

Site of the Week! So simple and beautifully done.

link CSS3 Memory

I’m starting a collection of awesome CSS3 sites. To start it off, here is a card memory game (which I suck at) that uses transitions and some very pretty typekit fonts. 

PAGE 1/1