[WEB] HTML5 Developer Tools & Cloud IDEs

HTML5 Developer Tools & Cloud IDEs...

Detection：

•     Modernizr： 用來偵測瀏覽器對 HTML5 / CSS3 支援程度的Library。

[JS] 在IE8下支援 HTML5 和 CSS3

        為了在 IE 8 版本以下瀏覽器支援  HTML5 和 CSS3語法，可以運用 Html5shiv.js 和 Respond.min.js 這兩隻 JS 來讓 IE 6, IE 7, IE 8瀏覽器能支援HTML5 和 CSS3語法。


在head區加入 meta 標籤：

<!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5shiv.js"></script>
  <script type="text/javascript" src="js/respond.min.js"></script>
 <![endif]-->

[CSS]New CSS Image Replacement

Reference：
Discovered by Scott Kellum 
promoted at Zeldman.com

Online Tools for image optimization

透過圖片壓縮工具來壓縮圖片，再不會損壞太多照片品質的情況下，來減少儲存圖片所需的空間，以下為線上圖片壓縮工具：

[Web] Web開發設計工具整理

Web開發介面設計工具整理：

http://www.evget.com/article/2014/3/20/20697.html

http://www.evget.com/article/2014/3/21/20704.html

http://www.evget.com/article/2014/3/24/20711.html

[Drupal] Drupal 與網路的未來趨勢

Check out this SlideShare Presentation:

[DCTPE2010] Drupal 與網路的未來趨勢

View more presentations from Drupal Taiwan.

  DrupalCamp

[Browser] Google Chrome Firebug

Firebug 功能：可即時預覽網頁、觀看網路執行狀況、DOM資訊、script偵錯等.

而Google Chrome 本身也有內建類似 Firebug 的功能.

使用方式：

1. 滑鼠右鍵.
2. 檢查元素(Inspect element).
3. 就會有相類似 Firebug 的功能. (快速鍵 Ctrl + Shift + j).

或你已習慣Firebug的使用者也可使用：Firebug 擴充功能.

Google Chrome 快速鍵.

台灣版美人時計

台版美人時計

日版美人時計