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

前言

• 這週三的 facebook 上

• 我與 Takuma 及 Danial 討論講者還沒找到

• 接著就被推坑了

• OMG ！

• 我沒有研究 Android Hybrid Design 阿～～～

• 剛好手上在玩 Bootstrap 3

• 今天的主題就這樣產生了

• Hybrid Design 擦邊球 ＸＤ

誰會需要這樣的技能？

• 以呈現資料為主的 App

• Android 還不熟，但想做出點東西

• 美感薄弱，又沒有設計師協助

• 各種解析度瀏覽器一次搞定

什麼是 BOOTSTRAP?

• Twitter 提供的網站設計框架

• Grid System

• 基本的 css 樣式定義

• 簡單易用的元件

• 容易操作的 javascript

我有什麼東西可以用？

GRID SYSTEMRESPONSIVE WEB DESIGN

三個願望一次滿足？！

如何開始？

從這裡開始

還是太難了？！TRY LAYOUTIT

ANDROID 要怎麼使用 BOOTSTRAP 呢？

• 程式碼只有三行喔！

如何加速開發呢？

• 試試 fire.app

• 支援 sass, scss

• 支援 erb, haml

• 支援 coffee script

• 自動編譯

• 可產生單純 css html javascript

Demo

Q&A