A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
…This implies no device-specific markup, or anything which requires control over fonts or colors. – WWW Project
WWW parsers should ignore tags which they do not understand, and ignore attributes which they do not understand of tags which they do understand. – WWW Project
It takes craft to set up the circumstances that are simple and yet contain the ambiguities and the incongruity of human experience. – Anne Bogart
…Something in which there is room for the audience to move around, imagine, and make associations. – Anne Bogart
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
HTML totally eliminates any visual creativity that a document’s designer might have. – Roy Smith, 1993
The web would have become a giant fax machine where pictures of text would be passed along. – Håkon Lie
(HEAD,BODY fontSize=normal BGColor=white FGColor=black (H1 fontSize=largest BGColor=red FGColor=white) (H2 fontSize=large) (A FGColor=red) (CMD,KBD,SCREEN,LISTING,EXAMPLE fontFamily=fixed) (BOLD,EMPH,STRONG fontWeight=bold) )
“an easily parsable format” @DEFAULT fo(fa=ti,sp=pr,si=14,we=me,sl=ro,fo=in,bo=in,li=no,nu=1,fn='') ju(st=le,hy=0,ke=0) co(nu=1,wi=80) br(lo=af,ob=it) li(lo=in,ma=no,li=un,nu=1,be=no,af=no,hi=0) @UL in(le=5) @LI ma(pr=ro,be=4) in(le=10,ri=10)
This is not meant as a font name, per se. Rather it is a suggestion of a particular style of character representation. – Robert Raisch, 1993
[Allow] browsers to make ‘appropriate’ decisions… aligned with the intent of the original author. – Robert Raisch, 1993
<CENTER>This text is centered</CENTER> <MULTICOL COLS="3" GUTTER="25"> <P><FONT SIZE="4" COLOR="RED">…</FONT></P> </MULTICOL>
The author often wants to give the documents a distinct look and feel, the user will set preferences to make all documents appear more similar. – Håkon Lie
The user/browser specifies initial preferences and hands the remaining influence over to the document. – Håkon Lie
If conflicts arise the user should have the last word, but one should also allow the author to attach style hints. – Håkon Lie
User Author Font o-----x--------------o 64% Color o-x------------------o 90% Margin o-------------x------o 37% Volume o---------x----------o 50%
Presentation decisions based on the user’s environment; e.g. the size of the screen or the current date. – Håkon Lie
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
The user/browser specifies initial preferences and hands the remaining influence over to the document. – Håkon Lie
If conflicts arise the user should have the last word, but one should also allow the author to attach style hints. – Håkon Lie
❗🖥 User Agent Important ❗👥 User Important ❗🎨 Author Important 🎨 Author Styles 👥 User Preferences 🖥 User Agent Defaults
🎠 Transitions ❗🖥 User Agent Important ❗👥 User Important ❗🎨 Author Important 🏇🏽 Animations 🎨 Author Styles 👥 User Preferences 🖥 User Agent Defaults
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
WWW parsers should ignore tags which they do not understand, and ignore attributes which they do not understand of tags which they do understand. – WWW Project
You can use it and not use it at the same time, because it works and it doesn’t work at the same time. It’s Quantum CSS! It’s Magic! – Jen Simmons, Intro to Resilient CSS
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
A Radical Vision Collaboration & Failure We’re In This Together Quantum Design No Fallback Needed Sorce-Order Fallback Feature Queries
/* touch screens */ @media (hover: none) and (pointer: coarse) { } /* stylus-based screens */ @media (hover: none) and (pointer: fine) { } /* gesture-based screens (Wii controller, Kinect) */ @media (hover: hover) and (pointer: coarse) { } /* mouse & touch pad */ @media (hover: hover) and (pointer: fine) { }
More Resources: Resilient, Declarative, Contextual by Keith J. Grant Resilient Web Design by Jeremy Keith
