WordPress, HTML5 and CSS3

WordPress, HTML5 and CSS3 Mike McCallister Milwaukee WordPress Meetup September 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 ● HTML5 ● CSS3 CSS Canvas ●●● W3C

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 Design – CSS Media Queries (Audio, video)● Font-Face: Foundries solving the license issue – Google 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 C – Ray Villalobos: HTML5 and CSS3 Integration – Steve Heffernan: HTML5 Video for WordPress

Questions?● michael@michaelmccallister.com● http://metaverse.wordpress.com● @workingwriter● (414) 719-1362

WordPress, HTML5 and CSS3

by Michael McCallister on Sep 18, 2012

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 3

Statistics

WordPress, HTML5 and CSS3 Presentation Transcript