Adaptive CSS-Layouts: New Era In Fluid Layouts?

June 9, 2009

Damn! I’ve been practicing creating fluid designs for ages and I didn’t even write any article on that. Well whatever, because Kayla Knight from smashingmagazine.com has written an excellent well-thought article on using fluid designs.

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.

Source: http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

Btw, I recommend you to check out “the original” article that gave birth to this topic: http://www.alistapart.com/articles/fluidgrids


The Form Garden

May 28, 2009

The Form Garden, as its name suggests, allows the visitor to try out a different number of styles on a fixed form.

Source: http://www.formassembly.com/form-garden.php


Styling even more form controls

May 28, 2009

This post extends the article Styling form controls written by Roger Johansson of 456 Berea Street. This time, he goes deep into the text boxes and many other form controls. Highly recommended


Styling form controls

May 28, 2009
Select boxes in multiple OS/browser combo

Select boxes in multiple OS/browser combo

This article for advanced CSS user is written by author Roger Johansson of 456bereastreet explains in detail about styling various form controls. It includes images of those controls in different browsers as well as different OS.

Source: http://www.456bereastreet.com/archive/200409/styling_form_controls/


Prettier Accessible Forms

May 28, 2009
Milk Bottles

Want some milk?

Source: http://www.alistapart.com/articles/prettyaccessibleforms

Author Nick Rigby explains the importance of making an accessible form in this A List Apart article (No.218). He discusses styling forms as well as marking up the form with <fieldset> and <legend> elements to make it more accessible.