Difference between revisions of "HTML/CSS"
Jump to navigation
Jump to search
| Line 29: | Line 29: | ||
=== Resets, etc. === | === Resets, etc. === | ||
* https://github.com/necolas/normalize.css/wiki [http://stackoverflow.com/questions/6887336/what-is-the-different-between-normalize-css-and-reset-css] | * https://github.com/necolas/normalize.css/wiki [http://stackoverflow.com/questions/6887336/what-is-the-different-between-normalize-css-and-reset-css] | ||
| + | ** http://nicolasgallagher.com/about-normalize-css/ | ||
* http://html5boilerplate.com/docs/css/ | * http://html5boilerplate.com/docs/css/ | ||
Revision as of 21:58, 28 February 2012
CSS
tag .class #id
display: block - default 100% width, flows vertically display: inline - consumes width of content, flows horizontally
display: inline-block
float - floats element next to containing box or other floated element
position: absolute - out of flow
rgba(0, 0, 0, 0.2) - shadow
Tips
background
Resets, etc.
Grid
- http://blog.centresource.com/2009/06/15/6-tips-and-tricks-for-designing-with-960/
- http://divitodesign.com/css/tricks-to-solve-960-css-framework-problems/
Vertical rhythm
- The Elements of Typographic Style Applied to the Web
- http://24ways.org/2006/compose-to-a-vertical-rhythm - oft' linked to
- https://github.com/pyrsmk/vertical-rhythmic - sass mixins (no sure if worth it)
Typography
- CSS with vertical rhythm - drewish.com
- Scale & Rhythm