Finally, a fluid Hicksdesign is a post on The Hickensian

I’ve been wanting a fluid layout on this site for about 5 years. I had a brief redesign back in 2005 where I flirted with it for a few months, but it was soon switched back to fixed as I couldn’t get it right.

Last year, I discovered CSS media queries while working on the internal pages of the Opera Browser, and tried to implement it here. It was half-assed and was removed, again after a few months.

It took Ethan Marcotte’s excellent article for A List Apart Responsive Web Design to motivate me to do it properly, as well as know HOW to do it properly. I don’t think I’ve read anything as exciting and inspirational for a long time. So I started from scratch, working on the basic skeleton of the layout, getting the various resolution dependant layouts in place, before re-implementing the design (making a few changes long the way of course).

So now, you’ll see the layout and type size change depending on the available width. From a narrow single column (which should be the view you’ll see on mobile devices)…

1: Hicksdesign Small

To a 2 column…

2: Hicksdesign Medium

to the more familiar 3 column style I’ve had here for a while…

3: Hicksdesign Large

and finally to an x-large 4 column layout…

4: Hicksdesign XLarge

For now, only the journal has been re-jigged, but all the other sections will follow as soon as time allows. It won’t be perfect, and I expect there to be plenty of fine-tweaking for a while yet. Waiting until it’s perfect before launching just means it won’t happen!

The next project for the site is implementing SVG icons

The Hickensian is the journal of Jon Hicks, one half of the creative partnership Hicksdesign. Take a look at the work we do.

AD by FUSION

Upcoming Talks

I sometimes pop up at conferences and waffle about design, icon creation in particular. Here's where I'll be next:

An Event Apart Chicago- "Icon Design Process" - 25-26th August 2014

Web Expo Guildford- "Icon Design Process" - 26th September 2014

playlist

See more on last.fm

Contact

Hicksdesign

73a High Street

Witney

Oxfordshire, UK

OX28 6JA

+44 (0)7917 391 536

Download vCard

Engine Room:

Hicksdesign is powered by Textpattern and hosted by the lovely boffins at Engine Hosting

Engine Hosting