WordPress, HTML5 and CSS3

WordPress, HTML5 and CSS3

Mike McCallisterMilwaukee WordPress MeetupSeptember 18, 2012

Who am I?

Co-Author, WordPress in Depth (with Bud Smith)

Blogger, Notes from the Metaverse

Sr Document Architect, PKWARE

President, WI Society for Technical Communication

Quick Audience Survey: Who understands:

HTML

CSS

W3C

HTML5

CSS3

Canvas

Obligatory History Lesson

W3C Set up 1990 to oversee Web

1997: HTML 4.01: Standard for nearly every web page out there today

XHTML: The Bridge to XML

HTML5: If not the bridge, then the destination

HTML5 for WordPress Users

Not much yet to shout about

Get an HTML5-based theme

Create content in an HTML5-aware editor

HTML5 Themes

WordPress Theme Directory Search 9/16/12: 45 under html5

WordPress.com: Two! Toolbox (Automattic) and Soundcheck ($75)

Why use an HTML5 Theme?

Loads faster

SEO

HTML5 Editors

WordPress Visual Editor does not (yet) support HTML5 semantic tags

Recent versions of TinyMCE do

HTML5 for WordPress Developers

Make HTML5-based themes

What Can Devs Use Today?

30 new elements in HTML5

Browser support pretty solid for many

Older versions of IE still a roadblock (surprise!)

What Can Devs Use Today?

Responsive DesignCSS Media Queries (Audio, video)

Font-Face: Foundries solving the license issueGoogle Fonts

Font Squirrel

Transitions (Sliders)Today with jQuery and browser-specific tags

Tomorrow IE

What Can Devs Use Today?

JavaScript: localStorage and sessionStorage

Geolocation

Still a Little Dicey

Transformations (especially 3D)

Embedded media (waiting for codecs to resolve)

Resources

WordPress TV:George Stephanis: Updating Kubrick to HTML5/CSS3

Jake Goldman: What HTML5 And Responsive Design Can Really Do

Ray Villalobos: HTML5 and CSS3 Integration

Steve Heffernan: HTML5 Video for WordPress

Questions?

michael@michaelmccallister.com

http://metaverse.wordpress.com

@workingwriter

(414) 719-1362