モバイル時代のフロントエンド開発レシピ
斉藤 祐也: Twitter@cssradar
スライド: http://d.pr/s2Qw
-
Frontrend in Fukuoka @ 2014.01
- csswizardry/CSS-Guidelines / 日本語訳 by kiwanami
- necolas/idiomatic-css / 日本語訳 by en.ja OSS *かなり古いので要アップデート
- CSS Architecture - Appfolio Engineering / 日本語訳 by hiloki
- Object Oriented CSS (OOCSS) by Nicole Sullivan
- Scalable and Modular Architecture for CSS (SMACSS) by Jonathan Snook / 日本語訳 by cssradar
- BEM / 日本語訳 by Junya Ogura
- JavaScriptのMVCについて: Large-scale JavaScript Application Architecture (スライド) by Addy Osmani
- Single Page Applications (SPAs)について: Single page apps in depth (new free book) (ebook) by Mikito Takada
- オフライン: ServiceWorker
- Above The Fold (ATF)
- Android 4.4: Google Chrome Canaryの開発者ツールから可能 → 詳しくはこちら
- Android 2.3.3以降: jsHybugger
- iPhoneのデバッグはSafariからできます
- iPhone (Mac and Linux ONLY): iOS WebKit Debug Proxy
- weinre
- Ghostlab: Macのみ / $49
- Adobe Edge Inspect: Mac, Win / Adobe Creative Cloudのアカウントが必要
- viljamis/Remote-Preview
- ハイパフォーマンスWebサイト
- 続・ハイパフォーマンスWebサイト
- Response Time Limits: Article by Jakob Nielsen
- Visualizing Web Performance - Infographics about site speed and user behavior
- Google PageSpeed Insights
- Chrome DevTools: Networkパネル | Evaluating network performance
- WebPagetest - Website Performance and Optimization Test
- Chrome DevTools: Timelinepパネル | Performance profiling with the Timeline - Chrome DevTools — Google Developers
- Show Paint Rectangles: http://d.pr/i/XXFP
- Continuous page repainting: http://d.pr/i/ttdA
- 以下のコメント欄
- Twitter@cssradarまで