hybrid design with bootstrap
Post on 24-Apr-2015
234 Views
Preview:
DESCRIPTION
Android Hybrid design with bootstrap
TRANSCRIPT
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
三個願望一次滿足？！
如何開始？
從這裡開始
ANDROID 要怎麼使用 BOOTSTRAP 呢？
• 程式碼只有三行喔！
如何加速開發呢？
• 試試 fire.app
• 支援 sass, scss
• 支援 erb, haml
• 支援 coffee script
• 自動編譯
• 可產生單純 css html javascript
Demo
Q&A
top related