Introducing Transcendent CSSWhich tools do you need to get started?Why do you need Transcendent CSS?CSS is not designer friendlyWeb browsers’ rendering inabilities have stifled progressNever underestimate the power of the individualExpanding the creative possibilitiesDesigns that adapt beyond the screenHold that download for a moment; I’m going into a tunnelAccessibility is design, not a featureAccessibility is a matter of usabilityWearing badges is not enough in days like theseMoving toward Transcendent CSSMOSe enhancementsFrom the CSS Zen GardenAnd all that MalarkeyProgressive EnhancementThe Principles of Transcendent CSS1. Not all browsers see the same design2. Use all available CSS selectorsAttribute selectorsChild selectorsAdjacent sibling selectorsPseudo-classes and pseudo-elementsPseudo-ClassesPseudo-Elements3. Use CSS3 where possible to look to the future4. Use JavaScript and the DOM to plug the holes in CSS5. Avoid using CSS hacks and filtersJust like your markup, hacks should be validThe demise of CSS hacks and broken pages6. Use semantic naming conventions and microformatsDeveloping naming conventionsNaming conventions help in teamsNaming conventions can make for hours of geeky funSwapping Styles with the CSS Love ChildTake Your VitaminsCommon naming gives visitors extra controlIntroducing microformats7. Share your ideas, and collaborate with othersWhat Makes Transcendent CSS Possible Now?Unexpected uses for CSSGraded browser supportWhat exactly does support mean?Browser gradingBrowser support standardsDiscovery, process, inspiration, and transcendenceDesigning from the Content OutThe content-out approachA typical, nonoptimized CSS layoutOptimize the content order with or without stylesNavigationBranding and contentSemantics Is MeaningCSS Naked DayTranslating meaning into markup: The Markup Is RightPlay onYou’re doing wellPicturing the content-out designNumber 1: HorsesNumber 2: A RaceNumber 3: A Taxi QueueWhat does the content tell you?Moving meaningfully alongMarking Up the WorldAll the world’s a list; every item must play its partLists as far as the eye can see“If I have two beans and then add two more beans, what do I have?”A plan so cunning you could brush your teeth with itSend me an hCard from San FranciscoLearning to keep your eyes wide openWorking from the “contents”Scribble notesVisualize the magazine markupOrder, pleaseAdd in linksPlace emphasisComplete the markupTime to Process What You Have Learned