Blog

All thoughts and opinions in my blog are my own and do not represent the position of my employer.

Me at The CSS Summit online conference

I just gave my talk Designing CSS Layouts for the Flexible Web from my own little basement office for The CSS Summit online conference. Yes, yes, I’ve given this presentation before, but of course I had to do a little bit of updating and improving, especially because this is the first time I gave it online instead of with a live audience. So, here are the new and improved slides for your downloading pleasure:

Designing CSS Layouts for the Flexible Web (PDF, 5.5 mb)

Yes, it’s a big file—there are a lot of graphics in the PowerPoint. But I didn’t want to compress it very much and have all those graphics look distorted, since examining the graphics is the main point of the presentation.

There’s a little CSS in the presentation, but if you want more in-depth tutorials on the techniques alluded to in the presentation, I’ve written up many of them on this blog:

Free registration for CSS Summit

You have until tonight at 9 pm EDT to register for The CSS Summit online conference that’s going on tomorrow, July 18. Registration is just $179 for an individual and $479 for a meeting room (meaning, you can get a bunch of people together in one place and all attend the conference). Use the code CSSZOEMG when registering to get $25 off. A percentage of the proceeds will go to the Children’s Organ Transplant Association.

But, if $179 is still too steep for you, I’m giving away one free admission! To win, just post a comment saying what you most want to learn about  right now (in general, not necessarily a topic that is being covered tomorrow at the Summit). I’ll pick one commenter at random at 6 pm EDT tonight, so make sure you post your comment by then.

The liquid web site motherload

I feel like a kid in a candy store. A nerdy kid. Because I’ve hit the liquid web site motherload: Nomensa’s portfolio.

Nomensa is a web agency specializing in accessibility and usability. Their own site is a nice example of a liquid design, and I’ve had it bookmarked for a while, but I finally got a chance to check out the sites in their portfolio. There are dozens and dozens of them, and almost all of them are liquid. (They also have a few elastic ones, and a few fixed-width.) Unfortunately, Nomensa doesn’t provide links to all of their work, but only a select few as case studies. But, you can google the names of the non-case-study clients, and you’ll find that most of these sites are liquid as well.

Now, I grant you, many of the sites are not terribly stylish. But they still are really useful to look at to get ideas for how to handle content and layout in liquid layouts. You could easily use the same techniques they’re using with a bit more spit and polish added.

(more…)

View more posts:

Archives by Category

  • Announcements (32)

    Learn what's happening in my career or industry, including information about my speaking engagements and books.

  • Articles (40)

    Informational or theoretical articles about a variety of web design topics, including CSS, HTML, accessibility, usability, and visual design.

  • Inspiration (8)

    Collections of images or links to others' design work that I find inspiring and think you will too.

  • Tutorials (5)

    Step-by-step articles that you can follow along with to learn a particular web design technique, including CSS layout and CSS3 effects.

Archives by Month