Bootstrap 3.0 (RC2) 過渡筆記

Bootstrap簡介

Bootstrap是一個十分方便的網頁模板，除了統一個版面樣式，
它亦提供不同的工具，例如對話窗(Modal)、下拉選單(Dropdown)、分頁(Tab)等，
可算是集百家之大成，適合開發小型網站。

Bootstrap 3.0

Bootstrap 3.0把整個框架重製，核心的網格系統(Grid System)必須更新，
這篇筆記主要記錄重大的改變，以及如何在新版本實現舊功能。

可以到這個pull了解最新消息： https://github.com/twbs/bootstrap/pull/6342
預覽Bootstrap 3.0： http://getbootstrap.com/
實作示例： http://examples.getbootstrap.com/
下載：  RC2 或 最新編譯版本 (2013-08-16 15:32:18-07:00 16d5e1b)

【Ember.js】使用History.js讓瀏覽器支援history API

簡介：

Ember.js的Router提供了不同的Location API，history API是其中之一

使用它的好處為網址中沒有 /#/ ，除了能把路徑傳至伺服器作預先處理，
亦可以被搜尋引擎索引，實例可參考 Discourse 或 Ember.js Forum

使用history API時的問題：

但由於很多用戶使用舊的瀏覽器，例如 IE 6 - IE 9等，
為了確保他們能正常使用，所以需要使用polyfill - History.js

專案網站：https://github.com/browserstate/history.js/
直接下載：native.history.js

【Ember.js入門 2.1】模板: Handlebars基礎

Handlebars基礎

Ember.js使用 Handlebars模板庫 來增強用戶介面。
Handlebars與普通HTML相似，但提供了能改變顯示內容的嵌入表達式 (embed expressions)。
渲染模板後，不需要額外的代碼，內容就能自動更新。

如果你習慣基於縮排的語法，可以熟習Handlebars後嘗試 Emblem.js。