HTML5+CSS3 (入門編)
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

HTML5+CSS3 (入門編)

  • 2,853 views
Uploaded on

社内勉強会のために作ったものを共有

社内勉強会のために作ったものを共有

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,853
On Slideshare
2,848
From Embeds
5
Number of Embeds
1

Actions

Shares
Downloads
24
Comments
0
Likes
2

Embeds 5

http://127.0.0.1 5

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. HTML5 + CSS3 ( ) ONE-UP Inc. @hi_takaki
  • 2. HTML5 HTML5 JavaScript API CSS3HTML Web Storage CSS3 SVG DOM Web Workers Transition MathML Web Socket Animation WebGL IndexedDB Transform
  • 3. HTML52011 5 W3C
  • 4. HTML5 Working Draft) (Last Call ← 2011 5 W3C ↓ (Candidate Recommendation) ↓ (Proposed Recommendation) ↓ W3C (Recommendation) W3C 2014
  • 5. <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title> </title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="wrapper"> <header> <hgroup> <h1> </h1> <h2> </h2> </hgroup> </header> <nav> <h2> </h2>HTML5 <ul> <li><a href="#"> <li><a href="#"> 1 </a></li> 2 </a></li> </ul> </nav> <article> <h2> </h2> <section> <h3> </h3> <p> </p> </section> <aside> <time datetime="2009 09-09 00:00 AM">2009 09-09 00:00 AM</time> </aside> </article> <footer> <p></p> </footer> </div> </body> </html>
  • 6. BOLERPLATEhttp://html5boilerplate.com/
  • 7. HTML5 http://www.html5.jp/
  • 8. HTML5 NHKhttp://www.nhk.or.jp/studiopark/
  • 9. HTML5 http://ji-sedai.jp/
  • 10. HTML5 +! Progressive Enhancement ↓ Graceful DegradationHTML5&CSS3 with HTML5 6 Graceful Degradation Polyfill | http://www.adobe.com/jp/devnet/dreamweaver/articles/html5pack_css3_part6.html
  • 11. WEBhttp://hellofisher.com/
  • 12. CSSSass LessRuby JavaScript
  • 13. Polyfill ( )jQueryModernizr - HTML5,CSS3 /html5shivRaphael.js - IE6,7,8THREE.JS - WebGLSencha/jQuery Mobile - UI FrameworkjQuery UI/Kendo UI - Web UI FrameworkUnderscor.js - ObjectBackbone.js - MVC (Twitter,Facebook )
  • 14. HTML5 Advent Calendar 2011 : ATNDhttp://atnd.org/events/21987 CSS3 CSS3http://matome.naver.jp/odai/2132750704946539001Less & Sass Advent calendar 2011 : ATNDhttp://atnd.org/events/21919