Exploring HTML5 & CSS

On this page…

    Note that all the presentations on this page are available under a Creative Commons Attribution-ShareAlike 4.0 International License. You can use these slides in many ways, provided you follow the terms of the license.

    Scott & Jans: An Intro

    Scott. Jans. Lovecraft. An outline. Mobility.

    Web Development: The Absolute Basics

    History. Browsers. Rendering engines. Simple webpages. Elements, attributes, & values. DTDs. Character encoding. Simple webpages, corrected. Comments. Editing tools. Templates.

    HTML Overview: Elements, Attributes, Entities

    Categorizing HTML elements. Basic document structure. Metadata. Global attributes. Lines & paragraphs. Outlines & sections. Grouping. CSS hooks. Lists. Quotations. Text semantics. Text formatting. Links. Multimedia. Tables. Forms. Frames. Scripting. Foreign characters. Obnoxious & obsolete. Character entities. IE, bringing up the rear.

    Markdown: My Dirty Little
 Web Development Secret

    Background. Basic syntax. Process. Forks. Tests. Software. Integrating Markdown.

    CSS Overview: Selectors, Integration, Inheritance, Cascading

    History. Why CSS? Basic Selectors. Universal. Type. Class. ID. Grouping. Descendant Combinator. Formatting. <span> & <div>. Integrating CSS. Inheritance. Importance. Specificity. Order. The Cascade. Tools.

    CSS Typography: Fonts & Formatting

    Types. Measure. Leading. Scale. Operating system defaults. Web browser defaults. Core Fonts for the Web. ClearType Font Collection. Font properties. Font stacks. Text properties. Line box properties. Multi-column layout. Generated content. Font formats. @font-face. Licensing.

    Tables & Lists: Organized Data

    Basic tables. Defining sets of rows. Table title. Styling tables. Columns. Sortable columns. Creating tables the easy way. Styling lists.


    Daily use. How forms work. Labels, fields, & controls. Form attributes. Form containers. Text controls. Choice controls. File select controls. Submission controls. Accessibility. Tips & caveats.

    WebSanity Top Secret