AWW

CSS that Already Works Well.
Just write consistent HTML, and it's done.

. . . __φ(．．) [ wip ]

Paradigms

• zero selectors
• semantic HTML hooks
• rem base font-size
• fluid em scaling
• border-box sizing
• responsive images
• automatic vertical rythm
• block formatting context for divs

Features

Elements

• Anchors | a a[href="mailto"]
• Tables | table caption th td
• Lists | ul ol ol[type] li dl dt dd [role="navigation"]

Hierarchy

• Headings | h1 h2 h3 h4 h5 h6
• Paragraphs | p
• Horizontal rules | hr
• Typography | b i strong em small

Forms

• Buttons | button input

Formatting

• Abbreviations | abbr
• Addresses | address
• Quotations | blockquote q cite
• Marked | mark
• Time | time time[datetime]
• Definition | dfn

Other

• Code | code kbd samp var
• Edition | del ins s

Layouts

AWW layouts automatically adapt depending on the presence, absence and order of certain layout elements among the HTML5 standards.

• Header
• Nav
• Main
• Footer
• Aside / coming soon

ARIA

AWW components are always hooked on a semantic, accessible ARIA code from the HTML page. Automatically hooking visual meaning to semantic meaning ensures a seamless development of both visual design and content design, for a more accessible web.

/ coming soon