Android Hybrid design with bootstrap

1. ANDROID HYBRID DESIGN WITH
BOOTSTRAP
@ANDYANG（楊哲偉）

2. 前言
• 這週三的 facebook 上
• 我與 Takuma 及 Danial 討論講者還沒找到
• 接著就被推坑了
• OMG！
• 我沒有研究 Android Hybrid Design 阿～～～
• 剛好手上在玩 Bootstrap 3
• 今天的主題就這樣產生了
• Hybrid Design 擦邊球 ＸＤ

3. 誰會需要這樣的技能？
• 以呈現資料為主的 App
• Android 還不熟，但想做出點東西
• 美感薄弱，又沒有設計師協助
• 各種解析度瀏覽器一次搞定

4. 什麼是BOOTSTRAP?
• Twitter 提供的網站設計框架
• Grid System
• 基本的 css 樣式定義
• 簡單易用的元件
• 容易操作的 javascript

5. 我有什麼東西可以用？

6. GRID SYSTEM
RESPONSIVE WEB DESIGN

7. 三個願望一次滿足？！

8. 如何開始？
從這裡開始

9. 還是太難了？！
TRY LAYOUTIT

10. ANDROID 要怎麼使用 BOOTSTRAP
呢？
• 程式碼只有三行喔！

11. 如何加速開發呢？
• 試試 fire.app
• 支援 sass, scss
• 支援 erb, haml
• 支援 coffee script
• 自動編譯
• 可產生單純 css html javascript

12. Demo

13. Q&A