The following was compiled specifically for the Clark College HTML Fundamentals Class but can be useful to WordPress and web design in general.

The following are helpful HTML and CSS references and resources.

W3C Guidelines and Standards

• CSS current work & how to participate
• CSS Flexible Box Layout Module
• CSS3 Template Layout Module – W3C

Basic HTML and CSS Resources and References

• Basic Structure of a Web Page » HTML Elements| Learn HTML – Tags – Tutorials – HTML Cheat Sheet
• CSS Reference | Mozilla Developer Network
• The Shapes of CSS – CSS Tricks
• CSS Structure and Rules
• Terminology, Syntax, & Introduction – A Beginner’s Guide to HTML & CSS
• CSS Examples – Sitepoint
• CSS Portal – Templates, Tutorials, Books, Software, Code Examples
• CSS layouts – Max Design
• CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices – Noupe
• Selectors Level 3 – W3C
• Why Percentage-Based Designs Don’t Work in Every Browser
• Tips, Tricks and Best Practices for Responsive Design – Webmonkey
• Conversation With X/HTML 5 Team
• An Inside View of the CSS Working Group at W3C

Official HTML5 Resources

• CSS3 Media Queries – W3C
• HTML5 Spec Sheet
• HTML5 — Edition for Web Developers
• How Did We Get Here? – Dive Into HTML5
• Move The Web Forward – Guide to getting involved with standards and browser development

CSS3 Resources and References

• Eric Meyer’s Archived Thoughts: CSS Reset Reloaded
• Normalize.css: Make browsers render all elements more consistently
• Progressive Enhancement with CSS 3: A better experience for modern browsers – Dev.Opera
• In defense of CSS hacks — introducing “safe CSS hacks” · Mathias Bynens
• The fundamental problems with CSS3 – Matt Wilcox
• Structural Tags in HTML5 – HTML & CSS – Resources – Ordered List
• Overview of CSS3 Structural pseudo-classes
• CSS ‘Paged Media’ Brings Book Smarts to the Web

CSS3 Tutorials

• Push Your Web Design Into The Future With CSS3 – Smashing Coding
• Coding a CSS3 & HTML5 One-Page Website Template – Tutorialzine

HTML5 Resources and References

• HTML 5 pocket book
• HTML5 Canvas Cheat Sheet – Nihilogic
• Review: The Truth About HTML5 For Web Designers – HTML5 Doctor
• HTML5 Visual Cheat Sheet
• A List Apart: Articles: Semantics in HTML 5
• HTML5 Canvas Cheat Sheet v1.1 (PDF)
• HTML 5 Cheat Sheet (PDF) – Smashing Magazine
• Amazon Embraces HTML5 for New E-Book Format

HTML5 Tutorials

• 24 ways: Have a Field Day with HTML5 Forms
• Responsive News – Fluid grids, orientation & resolution independence
• Coding An HTML 5 Layout From Scratch – Smashing Coding
• What is HTML5? (Infographic)
• HTML5 Boilerplate – A rock-solid default template for HTML5 awesome.
• Designing a blog with html5 – HTML5 Doctor
• Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 – Inspect Element
• 28 HTML5 Features, Tips, and Techniques you Must Know – Nettuts+
• How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6 – Nettuts+
• HTML 5 and CSS 3: The Techniques You’ll Soon Be Using – Nettuts+
• HTML5 Presentation – HTML5 Rocks
• How We’ll Lay Out Websites In 2016 – Broken Links
• Quick hits with the Flexible Box Model – HTML5 Rocks
• 28 HTML5 Features, Tips, and Techniques you Must Know – Nettuts+
• Building Web Pages With HTML 5 – Webmonkey – Wired.com
• The All-In-One Entirely-Not-Alphabetical No-Bullshit Guide to HTML5 Fallbacks

HTML5 and CSS3 Tools

• GRIDINATOR – All your CSS grid are belong to us.
• HTML5 Readiness Encyclopedia for HTML5 features across browsers
• Welcome to Treehouse, Start Learning Web Design and Structure Today

HTML and CSS Structure, Layout, Frameworks, and Wireframe Articles

• Make Your Mockup in Markup – 24 Ways
• A List Apart: Articles: Fluid Grids – A List Apart
• Web Design Iterations And Algorithms – Design Informer
• HTML5 Front End Development Framework – G5 Framework
• HTML5 Gallery – A showcase of sites using HTML5 markup
• p.erkins CSS3 LESS Framework
• HTML5 Starter Pack by Radu Chelariu – Sickdesigner.com
• HTML 5 – Working Draft
• 30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials
• 20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates
• Pros And Cons Of Using Frameworks
• 52framework – The framework from the future, HTML5, CSS3, and more!
• Blueprint CSS Framework
• Modernizr JavaScript Library for HTML5 and CSS3
• 10 Pixel Grid System — Visual28
• Grid Style In Modern Web Design: Showcase and Resources