堰意珂晦5での崙恬、いつから兵める
2 likes1,795 views
2012-07-14に孫控妻个離泪襯筌`デンズで蝕岸された安看姻糸閣看鉛界温稼看というイベントで佩った堰意珂晦5と安看姻糸沿姻艶壊壊についての讐處スライドです。
堰意珂晦5での崙恬、いつから兵める
- 1. 堰意珂晦5での崙恬、いつから兵める 1
- 2. 朕肝 ?徭失B初 ?嶐瓦匹Δ任垢 ?堰意珂晦5を岑ろう ?堰意珂晦5のマ`クアップを岑ろう ?HTML5 & Wordpress のメリット?デメリット 2
- 4. 徭失B初 (2/3) フリ`ランスのコ`ダ` Wordpresssは1定くらい´ jI並 / 汐鵡P ￥HTML5マ`クアップ秘T 室gu芙 ￥HTML5&CSS3 ポケットリファレンス 室gu芙鵡P嶄 Webサイト崙恬室gv ￥畢さんコ`ディングの氏 4
- 5. 徭失B初 (3/3) カレ`LOVE! カレ`塁 蹴 ￥蹴腹 ┷妖?\諤あいがけ ビ`ルLOVE! 廓表Q高ホテルの仇ビ`ル ￥ベルギ`ホワイト ￥スタウトエ`ル\滅 チョコレ`トLOVE! パティスリ`?ヤナギムラ ￥ 彫チョコチップス 5
- 6. 嶐瓦匹Δ任垢 6
- 9. 徨汐を恬るとき ePub3.0を旋喘するなら HTML5 iOS, AndroidアプリKinoppy 徨汐リ`ダ`kobo touch、 ?????????Sony Reader WebアプリYahooブックストア Google ChromeC嬬Readium はePub3鬄 9
- 10. いつから兵める 10
- 11. すでに兵まってる 11
- 12. ??c(д爰c瘧ノ?д)ノ?? 12
- 13. ´ 13
- 14. で、HTML5って採 ( ?д?)????? 14
- 15. 堰意珂晦5を岑ろう 15
- 17. なりたち ? W3C坤禰`タ XHTML 2.0を貨協 gHの喘余にあわない ? WHATWG坤▲廛螢羽`ション Web Applications 1.0を貨協 ━F壓はHTMLに個兆 ブラウザベンダ`が李む喘余の碧 ? W3CがWeb Applications 1.0を HTML5として駻 ┘洫`クアップ參翌は ?eの碧として鏡羨 17
- 18. なりたち ? W3C坤禰`タ XHTML 2.0を貨協 gHの喘余にあわない ? WHATWG坤▲廛螢羽`ション Web Applications 1.0を貨協 ━F壓はHTMLに個兆 ブラウザベンダ`が李む喘余の碧 ? W3CがWeb Applications 1.0を HTML5として駻 ┘洫`クアップ參翌は ?eの碧として鏡羨 17
- 19. なりたち ? W3C坤禰`タ XHTML 2.0を貨協 gHの喘余にあわない ? WHATWG坤▲廛螢羽`ション Web Applications 1.0を貨協 ━F壓はHTMLに個兆 ブラウザベンダ`が李む喘余の碧 ? W3CがWeb Applications 1.0を HTML5として駻 ┘洫`クアップ參翌は ?eの碧として鏡羨 17
- 20. なりたち ? W3C坤禰`タ XHTML 2.0を貨協 gHの喘余にあわない ? WHATWG坤▲廛螢羽`ション Web Applications 1.0を貨協 ━F壓はHTMLに個兆 ブラウザベンダ`が李む喘余の碧 ? W3CがWeb Applications 1.0を HTML5として駻 ┘洫`クアップ參翌は ?eの碧として鏡羨 17
- 21. マ`クアップとvB碧 ? HTML5だと深えられているマ`ク アップは畠悶の匯何 ? Javascriptでg廾するAPI蛤、 その麿の？な碧が腹りだくさん 18
- 22. マ`クアップとvB碧 ? HTML5だと深えられているマ`ク アップは畠悶の匯何 ? Javascriptでg廾するAPI蛤、 その麿の？な碧が腹りだくさん 18
- 23. 廣朕される尖喇 ? アプリを_kする冱Zを併 ? iOS - Objective-C ? Android - Java ? PC, iOS, Android - HTML, CSS, Javascript 19
- 24. HTML5の辛嬬來 ? ブラウザのOS晒 ￥Firefox OS ┘皀丱ぅ襦▲織屮譽奪硲 ? 徨汐のX楚晒 ￥ePub3.0 ? アプリ塘下返方創を雙える ￥App StoreやGoogle Playを 宥さない 20
- 25. 堰意珂晦5はすごいけど´ 21
- 26. 碧が謹すぎ c(`Д?)???????!! 22
- 27. o尖せずマ`クアップから はじめましょう。 23
- 28. 堰意珂晦5のマ`クアップを岑ろう 24
- 30. ‐その１／DOCTYPE傚冱を笋┐ HTML4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML5 <!DOCTYPE html> 26
- 31. ‐その１／DOCTYPE傚冱を笋┐ HTML4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HTML5 <!DOCTYPE html> 26
- 32. ‐その２／ HTML、XHTMLどちらのき圭でもOK ? HTML4.01やXHTML1.0の猟隈を哈き@いでます ￥<br>、<BR>、<br />のいずれでもOK ￥K阻タグの福待も辛嬬 ￥崙恬メンバ`坪で詞岱しないようにy匯したほうがいいですよ 27
- 33. ‐その３／ セクションでグル`プ晒する ? HTML4やXHTML1ではdivでグル`プ晒する ? HTML5ではセクション巓りの勣殆でグル`プ晒する ￥divは吭龍を隔たないグル`プの。吭龍を隔つグル`プのには article, aside, section, navを旋喘。 article ペ`ジの麼}として鏡羨している坪否 aside ペ`ジの麼}にvBする坪否 section 匯違議なセクション nav 麼勣なリンク鹿 28
- 34. ‐その３／ セクションでグル`プ晒する <div id=￣header￣>ヘッダ</div> <div id=￣nav￣>グロ`バルナビゲ`ション</div> <h1>ペ`ジタイトル</h1> <p>云猟</p> <h2>竃し</h2> <p>云猟</p> <div id=￣nav_sub￣>サブナビゲ`ション</div> <div id=￣related_information￣>vB秤</div> <div id=￣footer￣>フッタ</div> 29
- 35. ‐その３／ セクションでグル`プ晒する <div id=￣header￣>ヘッダ</div> <nav id=￣nav￣>グロ`バルナビゲ`ション</nav> <article> <h1>ペ`ジタイトル</h1> <p>云猟云猟云猟云猟</p> <h2>竃し</h2> <p>云猟</p> </article> <nav id=￣nav_sub￣>サブナビゲ`ション</nav> <aside id=￣related_information￣>vB秤</aside> <div id=￣footer￣>フッタ</div> 30
- 36. ‐その４／ ヘッダ/フッタはセクションの嶄に <div id=￣header￣>ヘッダ</div> <nav id=￣nav￣>グロ`バルナビゲ`ション</nav> <article> <h1>ペ`ジタイトル</h1> <p>云猟云猟云猟云猟</p> <h2>竃し</h2> <p>云猟</p> </article> <nav id=￣nav_sub￣>サブナビゲ`ション</nav> <aside id=￣related_information￣>vB秤</aside> <div id=￣footer￣>フッタ</div> 31
- 37. ‐その４／ ヘッダ/フッタはセクションの嶄に <header id=￣header￣>ヘッダ</header> <nav id=￣nav￣>グロ`バルナビゲ`ション</nav> <article> <header class=￣header_contents￣> <h1>ペ`ジタイトル</h1> <p>云猟云猟云猟云猟</p> </header> <h2>竃し</h2> <p>云猟</p> </article> <nav id=￣nav_sub￣>サブナビゲ`ション</nav> <aside id=￣related_information￣>vB秤</aside> <footer id=￣footer￣>フッタ</footer> 32
- 38. ‐その麿／IE ? IE6゛IE8はHTML5の仟しい勣殆をJRしないので參和の鬉駅勣です。 ￥Javascriptで仟勣殆をつくる http://code.google.com/p/html5shiv/?からダウンロ`ドして 咫泡gみのhtml5shiv-printshiv.jsをhtmlファイルにiみzむ ￥CSSでデフォルトのスタイルづけをする http://necolas.github.com/normalize.css/?からダウンロ`ドして normalize.cssをhtmlファイルにiみzむ ? いろいろノウハウのまったテンプレ`トを鯛とすのもよいです。 http://www.initializr.com/ 33
- 39. ? ? ???滷滷_ ? ??????? ??? ¢ ?─顳 ? ::::::?__繁__?::::: ??HTML5のマ` クアップは 34
- 40. HTML5 & Wordpressの メリット?デメリット 35
- 41. メリット ? Wordpress 3.4はデフォルトテ`マ がHTML5 & レスポンシブWebデザ イン ? ネット貧にHTML5で恬られた Wordpressのテ`マがたくさん 36
- 42. デメリット ? コンテンツI囃にはセクション巓 りの勣殆を聞わないほうがいい ￥WYSIWYGエディタのボタンで はセクション巓りの勣殆は聞喘 できない 37
- 43. 安看姻糸沿姻艶壊壊は伏きた堰意珂晦5を 茶できる ??ォォォ(? ?)ォォォ !!!!! 38
- 44. まとめ ? HTML5はすでに聞えるし、聞われているよ ? HTML5vBの碧は謹い ? まず兵めるならマ`クアップ ? WordpressはHTML5の聞い圭を岑るのに宴旋 39
- 45. 安艶恢はいつも隆頼撹。 40
- 46. 返を強かしてSしみましょう 41
- 47. ご賠どうもありがとうございました 42
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n