CSS best-practices, Zohar Arad by Udi h Bauman

CSS best-practices, Zohar Arad

wrap fields with block (p/div)

wrapping block has meaningful class

inside it label & input

see forms.css & html source example

display block

use fieldset & legend elements

grouping of fields

columns retain proportions

even on mobile

border left

.nav_item_.nav_item a

liquid/flexible layout

see flexible.css & .html example source code

supports accessibility

form design

simple gallery

html

css

based on CSS box model

general

override typography of main elements

image replacement

background image

clear fix

navigation bars

CSS3

use

best way to use

slight browser differences in syntax

see combined example

Source code

http://www.zohararad.com/demos/tricks.zip

qqq