Html5的应用与推行

•Télécharger en tant que KEY, PDF•

8 j'aime•757 vues

Sofish Lin

在 MSDN 组织的 HTML5 Web Camps 上海场分享的讲演稿。

Technologie

: Clear && Semantic

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf‐8" />
    <title>Alipay WD ‐ HTML5 Document</title>
</head>
<body>
<header> ... </header>
<section>
<article data‐sth="alipay"> ... </article>
</section>
<aside> ... </aside>
<footer> ... </footer>
</body>
</html>

: BEautiful && practical

<audio /> <canvas /> 
<device />

<form />

LocalStorage GeoLocation
Web SQL Database

etc. ...

: Free && practical

<article>
<a href="story1.html">
<h3>Bruce Lawson voted sexiest man on Earth</h3>
<p><img src="bruce.jpg" alt="gorgeous lovebundle. 
">A congress representing all the planet's women 
unanimously voted Bruce Lawson as sexiest man 
alive.</p>
<p>Read more</p>
</a>
</article>

∙       

AA

LocalStorage http://soﬁsh.de/ﬁle/html5/localStorage/
Cookie HTTP
LocalStorage + UserData(IE)

Web

Drag & Drop http://soﬁsh.de/ﬁle/html5/drag_and_drop/
+ HTML5 Gmail Min.us

SNS
AA AA iOS 5 Remember

Geolocation http://soﬁsh.de/ﬁle/html5/geolocation/

HTML5 Geolocation IP Wiﬁ GPS

Data Table form:
http://j.mp/cross-
browser

HTML5 XHTML

读 HTML5 议术
http://sofish.de/1389

Contenu connexe

Tendances

HTML5 EssentialsMarc Grabanski

Please dont touch-3.6-jsdayFrancesco Fullone

Taking your Web App for a walkJens-Christian Fischer

HTML5 workshop, part 1Robert Nyman

An Introduction To HTML5Robert Nyman

Introduction to HTML5 & CSS3Pradeep Varadaraja Banavara

Taiwan Web Standards Talk 2011Zi Bin Cheah

jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck

Design Tips & Development with jQuery Mobile and PhoneGapGO Ohtani

Even faster web sites presentation 3Felipe Lavín

Introduction to HTML5 and CSS3 (revised)Joseph Lewis

Introduction to HTML5Terry Ryan

HTML5 & FriendsRemy Sharp

Even faster web sitesFelipe Lavín

HTML 5 & CSS 3Kevin van Dijk

Webware - from Document to Operating System Channy Yun

Wordless, stop writing WordPress themes like it's 1998Filippo Dino

Selenium for-opsŁukasz Proszek

HTML5 Introductiondynamis

Web Standards: Fueling Innovation [Web Design World Boston '08]Aaron Gustafson

Tendances (20)

HTML5 Essentials

Please dont touch-3.6-jsday

Taking your Web App for a walk

HTML5 workshop, part 1

An Introduction To HTML5

Introduction to HTML5 & CSS3

Taiwan Web Standards Talk 2011

jQuery For Beginners - jQuery Conference 2009

Design Tips & Development with jQuery Mobile and PhoneGap

Even faster web sites presentation 3

Introduction to HTML5 and CSS3 (revised)

Introduction to HTML5

HTML5 & Friends

Even faster web sites

HTML 5 & CSS 3

Webware - from Document to Operating System

Wordless, stop writing WordPress themes like it's 1998

Selenium for-ops

HTML5 Introduction

Web Standards: Fueling Innovation [Web Design World Boston '08]

Similaire à Html5的应用与推行

Attractive HTML5~開発者の視点から~Sho Ito

[In Control 2010] HTML5Christopher Schmitt

WHAT IS HTML5?(20100510)Shumpei Shiraishi

HTML5+CSS3 (入門編)博史高木

Html5Satoshi Kikuchi

HTML5Brad Touesnard

HTML5, The Open Web, and what it means for you - AltranRobert Nyman

An Introduction to HTML5Steven Chipman

xhtml_basicstutorialsruby

Xhtml BasicsAkramWaseem

xhtml_basicstutorialsruby

Xhtml BasicsAkramWaseem

FITC Spotlight HTML5 - The state of the webFrédéric Harper

Flash templates for Joomla!Herman Peeren

Flash Templates- Joomla!Days NL 2009 #jd09nlJoomla!Days Netherlands

Html5dotNETUserGroupDnipro

Bruce Lawson HTML5 South By SouthWest presentationbrucelawson

Creating Yahoo Mobile WidgetsRicardo Varela

Accelerated Adoption: HTML5 and CSS3 for ASP.NET DevelopersTodd Anglin

Looking into HTML5 + CSS3Christopher Schmitt

Similaire à Html5的应用与推行 (20)

Attractive HTML5~開発者の視点から~

[In Control 2010] HTML5

WHAT IS HTML5?(20100510)

HTML5+CSS3 (入門編)

Html5

HTML5

HTML5, The Open Web, and what it means for you - Altran

An Introduction to HTML5

xhtml_basics

Xhtml Basics

xhtml_basics

Xhtml Basics

FITC Spotlight HTML5 - The state of the web

Flash templates for Joomla!

Flash Templates- Joomla!Days NL 2009 #jd09nl

Html5

Bruce Lawson HTML5 South By SouthWest presentation

Creating Yahoo Mobile Widgets

Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers

Looking into HTML5 + CSS3

Dernier

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

MINDCTI Revenue Release Quarter One 2024MIND CTI

A Domino Admins Adventures (Engage 2024)Gabriella Davis

GenAI Risks & Security Meetup 01052024.pdflior mazor

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

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

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Dernier (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Boost Fertility New Invention Ups Success Rates.pdf

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

MINDCTI Revenue Release Quarter One 2024

A Domino Admins Adventures (Engage 2024)

GenAI Risks & Security Meetup 01052024.pdf

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Tata AIG General Insurance Company - Insurer Innovation Award 2024

AWS Community Day CPH - Three problems of Terraform

Scaling API-first – The story of a global engineering organization

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Artificial Intelligence Chap.5 : Uncertainty

Exploring the Future Potential of AI-Enabled Smartphone Processors

Html5的应用与推行

1. 5 HTML @soﬁsh

5. @sofish

6. @sofish

7. @sofish http://sofish.de CSS

10. 1. HTML5 ? 2. ? 3.

11. 1. HTML5 ? 2. ? 3.

12. HTML5 ?

13. : Clear && Semantic <!doctype html> <html lang="en"> <head>     <meta charset="utf‐8" />     <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>

14. : Clear && Semantic <!doctype html> <html lang="en"> <head>     <meta charset="utf‐8" />     <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>

15. : Clear && Semantic <!doctype html> <html lang="en"> <head>     <meta charset="utf‐8" />     <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>

16. : Clear && Semantic <!doctype html> <html lang="en"> <head>     <meta charset="utf‐8" />     <title>Alipay WD ‐ HTML5 Document</title> </head> <body> <header> ... </header> <section> <article data‐sth="alipay"> ... </article> </section> <aside> ... </aside> <footer> ... </footer> </body> </html>

17. : BEautiful && practical <audio /> <canvas />  <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...

18. : BEautiful && practical <audio /> <canvas />  <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...

19. : BEautiful && practical <audio /> <canvas />  <device /> <form /> LocalStorage GeoLocation Web SQL Database etc. ...

20. : Free && practical <article> <a href="story1.html"> <h3>Bruce Lawson voted sexiest man on Earth</h3> <p><img src="bruce.jpg" alt="gorgeous lovebundle.  ">A congress representing all the planet's women  unanimously voted Bruce Lawson as sexiest man  alive.</p> <p>Read more</p> </a> </article>

21. : Free && practical <article> <a href="story1.html"> <h3>Bruce Lawson voted sexiest man on Earth</h3> <p><img src="bruce.jpg" alt="gorgeous lovebundle.  ">A congress representing all the planet's women  unanimously voted Bruce Lawson as sexiest man  alive.</p> <p>Read more</p> </a> </article>

22. HTML5 API

23. ?

24.

25. Web Art

26. Web Art Utility

27. Web Art Utility Powerful ID

28.

29. ∙        AA

30. ∙        AA LocalStorage http://soﬁsh.de/ﬁle/html5/localStorage/ Cookie HTTP LocalStorage + UserData(IE)

31. Web

32. Web Drag & Drop http://soﬁsh.de/ﬁle/html5/drag_and_drop/ + HTML5 Gmail Min.us

33. SNS AA AA iOS 5 Remember