許多時候看到不錯的網頁，都會想看看它的DIV如何設定，意外的發現一個蠻炫的firefox插件tilt。
安裝完成後，點選網頁開發者→Tilt時，網頁就會透過WebGL的技術呈現3D的頁面。
它的原理則是透過DIV的切版來做顯示，對於研究DIV會有”些許”幫助（不過酷炫還是佔大部份原因）
分類: UED
快速建構網站雛型架構-HTML5 Boilerplate
HTML5 Boilerplate是一套由大師們共同維護的前端模版，主要是可以很快速的開發web app或網站。可以省去許多麻煩~而Initializr又是它的進階版本，可以透過點選的方式，產生HTML樣版，甚至已經把專案中需要的目錄或檔案都 配置好(robot.txt,jquery…..)。
如果選擇Responsive的話，產生的樣版是可以隨視窗大小縮放的，只要以這個網頁當基礎，再修改成想要的樣子就ok了！
HTML5 ★ BOILERPLATE
MOBILE ★ BOILERPLATE
http://html5boilerplate.com/mobile/
Initializr
製作HTML5標準網站的最佳輔助工具-Initializr
最近W3C宣佈2014年要推出HTML5正式版，也表示HTML5發展也已經相當成熟了！而隨著各家瀏覽器以及行動裝置紛紛支援HTML5標準，開發者使用HTML5來設計網頁也是必然的趨勢。
工欲善其事，必先利其器，這邊就介紹一個號稱15秒就可以生出一個HTML5 Project的服務－Initializr。
Initializr是基於全球知名的HTML5預設模板HTML5 Boilerplate設計的，再經過加工後，可以產生支援HTML5 Boilerplate(H5BP)、Responsive(響應式布局)或Twitter Bootstrap的HTML5檔案。
目前支援的版本為H5BP v4.0.1、Modernizr 2.6.2、jQuery 1.8.3(2013/01/09)。
使用的方式很簡單，點選您所需要的HTML/CSS Template：
-
No template – Classic H5BP
-
Mobile-first Responsive - Responsive 行動裝置優先
-
Responsive Bootstrap 2.2.1 – 使用Twitter Bootstrap
接著選擇HTML5 Polyfills、jQuery版本，最後再選擇是不是要包含H5BP預設常見的設定檔….最後按Download!就可以了！
下載後就開始修改page name、meta description、favicons等資料，就可以產生HTML5網頁了！
資料視覺化技術網站-Datavisualization.ch Selected Tools
資料視覺化(Data Visualization)是目前很多人使用的技術，有句話說一圖抵萬言(A picture is worth ten thousand words)，尤其在現在很容易取得大量數據的情況下，把資料變成圖表是很重要的事。
最近發現了一個很棒的網站Datavisualization.ch Selected Tools。
在這個網站裡面收集了許多資料視覺化套件，如果手邊有資料想透過視覺化方式呈現的話，都可以利用它來實作。
在選項內有分地圖(Maps)、圖表(Chart)、資料(Data)三種，可以選擇您要呈現的方式。如果您看到想使用的技術也很簡單，只要點選一下之後，畫面會翻轉成顯示類型(Type)、使用的技術(Technology)、授權方式(License)以及相關連結(Link)。這樣是不是很方便呢？大家可以玩看看，或利用我的粉絲頁上去交流討論囉。
