WordPress, HTML5 and CSS3
Upcoming SlideShare
Loading in...5
×
 

WordPress, HTML5 and CSS3

on

  • 1,790 views

Presentation to the Milwaukee WordPress Meetup, September 18, 2012, updated with active links.

Presentation to the Milwaukee WordPress Meetup, September 18, 2012, updated with active links.

Statistics

Views

Total Views
1,790
Views on SlideShare
1,787
Embed Views
3

Actions

Likes
0
Downloads
25
Comments
0

1 Embed 3

http://www.techcommspeakersbureau.org 3

Accessibility

Upload Details

Uploaded via as OpenOffice

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

WordPress, HTML5 and CSS3 WordPress, HTML5 and CSS3 Presentation Transcript

  • 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