Download - WordPress, HTML5 and CSS3
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?
http://metaverse.wordpress.com
@workingwriter
(414) 719-1362