Design
Jump to navigation
Jump to search
Basics
tag .class #id
display: block - default 100% width display: inline - consumes width of content
position: absolute - out of flow
Guides
Accessibility
Headings should not be removed using display:none, because it removes the headings from assistive technology. Instead headings can be made invisible to sighted users using CSS class="element-invisible". [1]
Tools
Sass
_partial.sasst - partial files, for inclusion, will not be compiled
Other
Compass
Grids
- http://theled.co.uk/blog/archive/2010/06/18/semantic-960-gs-using-sass-and-compass/
- http://blog.carbonfive.com/2009/03/02/compass-960-semantics/
- http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/
- http://compass-style.org/reference/blueprint/grid/