Tag Archives: JavaScript

常用 CSS Hack 再整理

Posted on June 27, 2010 by kayue

瀏覽器越來越多，舊的未去，新的又來，CSS hacks 亦需定時整理。 CSS Hack IE hacks 雖然 IE 對 CSS 的支援不堪入目，可是卻有方便的屬性 hacks！把下列 hacks 記下來即可輕鬆應付各版本的 IE！ .selector { padding: 10px; padding: 9px\9; /* all ie */ padding: 8px\0; /* ie8-9 */ *padding: 5px; /* ie6-7 */ +padding: 7px; /* ie7 … Continue reading →

Posted in Web Design | Tagged , , , , | 3 Comments

併行、分段載入外部 script

Posted on February 22, 2010 by kayue

跟 image object 不同，網頁上的 script object 是一個接一個地下載，而非同時下載。 Parallel script loading （併行載入）是加速網站頁面載入最有效的方法之一。因為古代的瀏覽器（aka IE）很多都不支援 parallel scripting loading，它們載入外部 script 時是一個完成後才開始下載另一個，而不是像圖片一樣同時下載多個文件，即出現上圖情況：所有在該 script 之後的文件下載都被擋在後面了 (blocking)。因此出現了 n 多個小技巧解決這個問題。

Posted in Web Design | Tagged , , , , | Leave a comment

Google JavaScript Closure Compiler

Posted on November 14, 2009 by kayue

初看到 JavaScript Closure Compiler 這個名字的時候，我很好奇，因為 compiler 這個詞一般不會跟 JavaScript 扯上關係。原來這個個由 Google 用 Java 開發的 Javascript 壓縮工具。 Google Closure Compiler 提供三種壓縮方法，分別是空格移除、簡單壓縮及進階壓縮。簡單壓縮基本上只是把 comments 和空格拿走（跟 YUI Compressor 基本一樣）；進階壓縮除以上功能外，還能夠 rename variable name、甚至重寫某些 statement！很好很強大！

Posted in Web Design | Tagged , , , , | Leave a comment