The web is once again debating whether web designers should know how to code, and my opinion remains the same: they need to know the strengths and constraints of the medium, and knowing HTML and CSS can help in this.
Posts Categorized: Articles
Check out these great online resources on creating liquid/fluid and elastic layouts, including sources for design inspiration, downloadable templates, frameworks, articles and tutorials.
There are more options than ever for getting unique, good-lookin’ fonts into your pages. Apart from @font-face, here are your options for font embedding services and font replacement techniques.
Find hundreds of cute and natural handwriting, decorative, and symbol fonts at the kevin & amanda blog. All for free!
Check out Nomensa’s portfolio for great examples of liquid site designs.
All the major browsers now have zoom functions built in, which may make it seem like there’s no longer any need for liquid or elastic layouts. Not so.
Use language on links that accurately describes what the user is going to get. And, using the (X)HTML label element on form fields is important not just for people with disabilities, but for all of us.
Presenting static image comps to clients can be especially problematic if you create flexible layouts. Try building an (X)HTML/CSS version of the design to show to your client instead in order to make designing and creating flexible layouts easier.
Web designers need to know the strengths and constraints of HTML and CSS in order to successfully create visual designs that work for the web. They don’t have to actually build the pages, but they should have some idea how to if they had to.
Liquid and elastic web sites don’t have to be ugly or boring. There are plenty of beautiful examples of flexible design to inspire you.