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

HTML5+CSS3 (入門編)

on

  • 2,802 views

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

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

Statistics

Views

Total Views
2,802
Views on SlideShare
2,797
Embed Views
5

Actions

Likes
2
Downloads
24
Comments
0

1 Embed 5

http://127.0.0.1 5

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

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

HTML5+CSS3 (入門編) HTML5+CSS3 (入門編) Presentation Transcript

  • HTML5 + CSS3 ( ) ONE-UP Inc. @hi_takaki
  • HTML5 HTML5 JavaScript API CSS3HTML Web Storage CSS3 SVG DOM Web Workers Transition MathML Web Socket Animation WebGL IndexedDB Transform
  • HTML52011 5 W3C
  • HTML5 Working Draft) (Last Call ← 2011 5 W3C ↓ (Candidate Recommendation) ↓ (Proposed Recommendation) ↓ W3C (Recommendation) W3C 2014
  • <!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>
  • BOLERPLATEhttp://html5boilerplate.com/
  • HTML5 http://www.html5.jp/
  • HTML5 NHKhttp://www.nhk.or.jp/studiopark/
  • HTML5 http://ji-sedai.jp/
  • HTML5 +! Progressive Enhancement ↓ Graceful DegradationHTML5&CSS3 with HTML5 6 Graceful Degradation Polyfill | http://www.adobe.com/jp/devnet/dreamweaver/articles/html5pack_css3_part6.html
  • WEBhttp://hellofisher.com/
  • CSSSass LessRuby JavaScript
  • 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 )
  • 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