CSS 2

CSS positioning

  • static
  • relative
  • absolute
  • fixed

Overflow

  • hidden
  • scroll

z-index and the stacking context

@ rules

  1. @import
  2. @font-face

font-awesome

vs.

image icons

font-awesome (font icons)

  1. scale perfectly (vector)
  2. can be colored
  3. small size and all in one font file
  4. promote a unified UX language (good or bad?)
  5. only monochromatic images

image icons

  1. scaling looses quality
  2. need sprites to combine into a single file
  3. cannot be colored
  4. support any number of colors in a single image

End

Made with Slides.com