WordPress, HTML5 and CSS3

•Transferir como ODP, PDF•

0 gostou•1,340 visualizações

Michael McCallister

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

Tecnologia Negócios

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

Mais conteúdo relacionado

Mais procurados

Develop, Debug, Learn? - Dotjs2019Christian Heilmann

What is the next step for a front end beginnerHsuan Fu Lien

Html5Naqash Ahmed

Themes, Plugins and AccessibilityGraham Armfield

Tf byowsShannon Gallagher

Kentico Cloud Best PracticesKentico Software

Tf byowShannon Gallagher

45 WordPress Interview QuestionsPontus Bergmark

Drupal 8 Vocabulary LessonMediacurrent

Mais procurados (11)

Develop, Debug, Learn? - Dotjs2019

What is the next step for a front end beginner

Html5

Themes, Plugins and Accessibility

Tf byows

Kentico Cloud Best Practices

Tf byow

45 WordPress Interview Questions

Drupal 8 Vocabulary Lesson

Semelhante a WordPress, HTML5 and CSS3

Do WordPress developers write code?Stanko Metodiev

html5 css3 the future of web technologyhazzaz

HTML5, CSS3 and the Future of the WebBerg Brandt

WordPress Theme Performance - WP Vienna meetup 8.6.2016jancbeck

New Web Revolution - html5 and css3Nitish Surelia

Web DevelopmentAditya Raman

Basics for front end developernamrataa0108

Building a Better Web with HTML5 and CSS3Karambir Singh Nain

2014 HTML5 총정리Wonsuk Lee

Morden F2E Education - Think of Progressive Web AppsCaesar Chi

HTML5 - The Good, the Bad, the UglyMario Heiderich

Training presentation.pptxNishchaiyaBayla1

Html5Alcira Tomas Veliz

Shaun-Ellis-feb25National Information Standards Organization (NISO)

State of jQuery - AspDotNetStorefront Conferencedmethvin

Responsive Web Design: How the mobile web has changed the way we think and workvq20

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo Shift Conference

ARTDM 171, Week 14: Multimedia on the WebGilbert Guerrero

Introduction to HTML5 and CSS3 (revised)Joseph Lewis

HTML5 - The Future in a FlashRick Snailum

Semelhante a WordPress, HTML5 and CSS3 (20)

Do WordPress developers write code?

html5 css3 the future of web technology

HTML5, CSS3 and the Future of the Web

WordPress Theme Performance - WP Vienna meetup 8.6.2016

New Web Revolution - html5 and css3

Web Development

Basics for front end developer

Building a Better Web with HTML5 and CSS3

2014 HTML5 총정리

Morden F2E Education - Think of Progressive Web Apps

HTML5 - The Good, the Bad, the Ugly

Training presentation.pptx

Html5

Shaun-Ellis-feb25

State of jQuery - AspDotNetStorefront Conference

Responsive Web Design: How the mobile web has changed the way we think and work

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

ARTDM 171, Week 14: Multimedia on the Web

Introduction to HTML5 and CSS3 (revised)

HTML5 - The Future in a Flash

Mais de Michael McCallister

Structuring Topics without Structured AuthoringMichael McCallister

IWOC: Building Your Author PlatformMichael McCallister

Unlocking LinkedIn: Finding Your Dream Job or Client Michael McCallister

Building authority and audience with WordPress and Google AuthorshipMichael McCallister

WordCamp Milwaukee 2012: Learning from the WordPress sitesMichael McCallister

Adventures with Geeko: Introduction to openSUSE at Madison Linux User GroupMichael McCallister

Open Source Tools for User AssistanceMichael McCallister

Mais de Michael McCallister (7)

Structuring Topics without Structured Authoring

IWOC: Building Your Author Platform

Unlocking LinkedIn: Finding Your Dream Job or Client

Building authority and audience with WordPress and Google Authorship

WordCamp Milwaukee 2012: Learning from the WordPress sites

Adventures with Geeko: Introduction to openSUSE at Madison Linux User Group

Open Source Tools for User Assistance

Último

A Call to Action for Generative AI in 2024Results

Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge

Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

Partners Life - Insurer Innovation Award 2024The Digital Insurer

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Scaling API-first – The story of a global engineering organizationRadu Cotescu

GenCyber Cyber Security Day PresentationMichael W. Hawkins

How to convert PDF to text with Nanonetsnaman860154

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Developing An App To Navigate The Roads of BrazilV3cube

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

WordPress, HTML5 and CSS3

1. WordPress, HTML5 and CSS3

2. WordPress, HTML5 and CSS3 Mike McCallister Milwaukee WordPress Meetup September 18, 2012

3. 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

4. Quick Audience Survey: Who understands: ● HTML ● HTML5 ● CSS3 CSS Canvas ● ● ● W3C

5. 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

6. HTML5 for WordPress Users ● Not much yet to shout about ● Get an HTML5-based theme ● Create content in an HTML5-aware editor

7. HTML5 Themes ● WordPress Theme Directory Search 9/16/12: 45 under “html5” ● WordPress.com: Two! Toolbox (Automattic) and Soundcheck ($75)

8. Why use an HTML5 Theme? ● Loads faster ● SEO

9. HTML5 Editors ● WordPress Visual Editor does not (yet) support HTML5 semantic tags ● Recent versions of TinyMCE do

10. HTML5 for WordPress Developers ● Make HTML5-based themes

11. What Can Devs Use Today? ● 30 new elements in HTML5 ● Browser support pretty solid for many ● Older versions of IE still a roadblock (surprise!)

12. 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

13. What Can Devs Use Today? ● JavaScript: localStorage and sessionStorage ● Geolocation

14. Still a Little Dicey ● Transformations (especially 3D) ● Embedded media (waiting for codecs to resolve)

15. 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

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

WordPress, HTML5 and CSS3

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (11)

Semelhante a WordPress, HTML5 and CSS3

Semelhante a WordPress, HTML5 and CSS3 (20)

Mais de Michael McCallister

Mais de Michael McCallister (7)

Último

Último (20)

WordPress, HTML5 and CSS3