HTML 5
Loading...
Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.
4 Favorites
-
douglasalisson
favorited this 4 months ago
-
pclloh
favorited this 4 months ago
-
Pedro Albuquerque, Interactive visual designer at Talk Interactive, favorited this 4 months ago
-
paulo.esantos
favorited this 4 months ago
HTML 5 - Presentation Transcript
- <!DOCTYPE HTML> Andrew de Andrade andrew@deandrade.com.br
- O que eu faço com pessoas que acham que IE é a Internet? Instale o Firefox e siga estas instruções para deixar o Firefox parecendo o IE.
- Javascript 1995
- XMLHTTP 1998
- XMLHttpRequest 2002
- AJAX 2004
- 2005
- HTML 4.01 1999
- Plugin Hell
- The World Wide Web Consortium
- The Web Hypertext Application Technology Working Group (WHAT-WG)
- bjetivos
- Evolução, não revolução
- Applicações Web Nativas
- Eliminar “Tag Soup”
- HTML 5 Validator HTML 5 Doctor
- “Pave the Cow Paths”
- Frequência de Classes
- <div> <div> <div> <div> Hell </div> </div> </div>
- <!DOCTYPE HTML> <html lang="en"> <head> <title>Artigo (HTML5)</title> <meta charset="utf-8"> </head> <body> <header id="branding">Logo do site, search, etc.</header> <nav> <ul> <li>Navegação do site</li> </ul> </nav> <section id="content"> <article> <!-- conteúdo principal (o artigo) --> <header> <h1>Titulo do artigo</h1> <p>Metadata do artigo</p> </header> <p>Conteúdo do artigo</p> </article> <section id="sidebar"> <!-- conteúdo secundario --> <h2>Titulo do sidebar</h2> <p>Conteúdo do sidebar</p> </section> </section> <footer id="footer">Footer</footer> <!-- um footer basico --> </body> </html>
- 2009, 2012 ou 2022?
- Exemplos: Video • AppSpot HTML5 Video Demo • YouTube HTML5 Demo • Pat Chanezon’s Green Screen Demo
- Exemplos: Web Workers • Motion Tracking com Web Workers • Prime Numbers com Web Workers
- Exemplos: Canvas • Drawing Board • Paintweb • Blob Sallad • Bespin » Code in the Cloud • Ben Joffe’s Canvas Examples • Starfield • US Map Polygons • Box2D JS Physics Engine
- Exemplo: Geolocation • Geolocation | Where Am I?
- Exemplo: DB & App Cache • DB and App Cache | Stickies
- Outros Exemplos: • HTML5 Drum Kit | RandomThink Labs • Paul Rouget’s OpenWeb Demos • Drag ‘n’ Drop Demo • Nihilogic : Super Mario Kart Online • Radiohead Ideotheque Canvas Demo
- Blogs Recomendados • The WHATWG Blog • Hixie's Natural Log • Jeffrey Zeldman Presents The Daily Report • @boblet | random notes • Lachy’s Log • Opera Developer Community • P@ Log • Mozilla Developer Community • Surfin’ Safari - The WebKit Blog • Bruce Lawson’s personal site
- Outros Links • HTML 5 Markup Language • HTML 5 and CSS 3: The Techniques You’ll Soon Be Using • New elements in HTML 5 • Yes, You Can Use HTML 5 Today! • HTML 5 differences from HTML 4 • 23 Essential HTML 5 Resources • HTML 5 canvas - the basics - Opera Dev • HTML5 Gallery • HTML5 Canvas Cheat Sheet • HTML Design Principles • Canvas Demos
- Obrigado!
2285 views, 4 favs, more stats
Isto é uma apresentação sobre HTML5, a nova padr more
Related Presentations
-
Widgets 101 - Picture-In-Picture W…
-
Launch Your Business With Google A…
-
Twilio Web Service API for buildin…
-
Using Web 2.0 To Attract Job Appli…
-
Rich Internet Applications (RIA) W…
-
NCETC08 - Using Google Application…
-
WEB 2.0: BUILDING RICH INTERNET AP…
-
Webbed Marketing Approved Twitter …
-
Google Application Engine
-
Google Applications A Case Study …
More info about this document
© All Rights Reserved
Go to text version
- Total Views 2285
- 2155 on SlideShare
- Comments 0
- Favorites 4
- Downloads 64
Most viewed embeds
All embeds
- Upload Info
- Uploaded via SlideShare
- Uploaded as Adobe PDF
0 comments
Post a comment