we&#x2019;re going to talk more about these later
CSS encourages the use of HTML that describes what content is about, not what it should look like. The semantic web
Graded browser support is a QA philosophy, not a report card on the quality of popular browsers.
What Does &#x201C;Support&#x201D; Mean? We have to provide support for all *most* browsers
Support does not mean that everybody gets the same thing. Expecting two users using different browser software to have an identical experience fails to embrace or acknowledge the heterogeneous essence of the Web.
In fact, requiring the same experience for all users creates an artificial barrier to participation.
a framework can contain all or part of these. the core piece is the grid / layout system.
Mixins are groups of properties and selectors you can assign to other selectors. Can add parameters, conditionals and nested mixins.
reset-fonts-grids file is 8KBARIA roles - enhance the accessibility of screen readers to better communicate the intended purpose of a section.7 of them - application, banner, complementary, contentinfo, main, navigation, searchHTML 5 tags can help with this also (nav, section, article, header, aside, footer, figure, dialog, time, progress, mark, output)
1.April.2010 - No Foolin’
What are CSS Frameworks?
Base Stylesheets (Typography)
Layout / Grid Systems
Why use a framework?
Replace table-based layouts if you’re still
Eliminate cross-browser rendering issues
Generic and Reusable
Graded Browser Support
A broader and more reasonable deﬁnition of
The notion of “grades” of support.
Availability and accessibility of content should be
the key priority.
Progressive Enhancement vs. Graceful Degradation
Browsers have differing defaults
Not accounting for these can cause varying
degrees of problems
No deﬁnitive declaration of your styling
Do your layouts accommodate all A-Grade
Regressive Copy + Paste Issues
Copying a layout for a new site from an old
Which old layout did you choose?
Have you made improvements to that layout
in some other site?
Does that stylesheet contain only layout
Not General Purpose
Will your old layout work for any new site?
Does it need some tweaking?
What if you only need two columns instead
Create a new layout, hack the old one, or go
ﬁnd another old site?
Do you minify or otherwise compress your layouts?
How many non-essential or non-layout related
declarations are there?
The order of content in the page can matter.
Is your current layout system source-order
YUI CSS Tools
A-Grade browser support
Reset, base stylesheet, grids, grids builder
Source-order independent at block level
Really small footprint
Grids builder has support for ARIA landmarks
Backed by Yahoo!