Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to フロンエンドトレンドについて話そう
Similar to フロンエンドトレンドについて話そう (20)
Recently uploaded
Recently uploaded (11)
フロンエンドトレンドについて話そう
- 3. 最近の俺 仕事 飲み食い 5% 10% サッカー 読書 40% 15% 音楽 30%
- 6. そこでまずトレンドを探る意味で 他にもたくさんあるのですが 話題のHTML5のテンプレートから ベストプラクティスを探る。
- 7. HTML５でサイトを作る際の コーディングや環境設定の 標準構成となるテンプレート BOILERPLATEをさらにカスタムビルド したページを作るのに必要最低限な構成
- 8. ファイル構成を見てみよう 404.html favicon.ico apple-touch-icon.png robot.txt など必要なファイルのセオリーを確認
- 9. 使われているモジュール normalize.css プロパティ標準化のリセットするCSS 定義量が少なくて済むと言われる
- 10. 使われているモジュール Modernizr HTML5、CSS3 の機能の有無をテストし <html>にクラス名として追加
- 11. Modernizr /* boxshadowが使えないスタイル */ #box{ background-color:#fff; border-right:2px solid #ccc; border-bottom:2px solid #ccc; } /* boxshadowが使える場合のスタイル */ .boxshadow #box{ border:none; -moz-box-shadow:#666 1px 1px 3px; -webkit-box-shadow:#666 1px 1px 3px; box-shadow:#666 1px 1px 3px; }
- 13. かつて入っていたモジュール Respond.js Respond.jsとレスポンシブWebデザインをめぐる ベストプラクティス議論
- 14. ヘッダーでやっている事 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->! <!--[if IE 7]><html class=“no-js lt-ie9 lt-ie8”> <![endif]à! セマンテックでクリーンなコードのために Paul Irishが提唱するにはcss-hackではなく div.foo { color: inherit;}! .ie7 div.foo { color: #ff8000; }! CSSとしてエラーではない！分岐させる箇所を１つに