Wednesday, May 8, 2013

CSS - Utilities

  • How to make an horizontal list. Very well explained. Step by step: 
http://css.maxdesign.com.au/listutorial/horizontal_master.htm

  • Resolution order in CSS
http://www.boogiejack.com/CSS_4.html
http://www.webteacher.ws/2010/08/26/resolving-conflicts-in-css/
http://www.webteacher.ws/2008/05/19/tip-calculate-the-specificity-of-css-selectors/

  • id vs class
http://stackoverflow.com/questions/970730/css-id-vs-class
http://stackoverflow.com/questions/544010/css-div-id-vs-div-class

  • 3 column liquid layout
http://alistapart.com/article/holygrail
http://matthewjamestaylor.com/blog/perfect-3-column.htm

  • How to float divs
http://stackoverflow.com/questions/2156712/how-to-float-3-divs-side-by-side-using-css



Apart from these utilities, recently I found "the collection", the most popular set of utlities for the front end desig: Twitter Bootstrap. Twitter Bootstrap is a free collection of tools for creating websites and web applications (HTML, CSS, and JavaScript toolkit). It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions. It is the most popular project in GitHub and is used by NASA and MSNBC among others.

http://twitter.github.io/bootstrap/