控制 JavaScript 非同步下載 並 暫緩執行 - ControlJS

JavaScript 現在都會建議放在頁面最下方, 避免卡到頁面.

不過, 這套 JavaScript Library 採用另外一種作法: 讓 JS 透過 async 先下載, 只是下載完成的 JavaScript, 還是等到頁面全部 render 完成後, 再開始執行.

閱讀全文〈控制 JavaScript 非同步下載 並 暫緩執行 - ControlJS〉

JavaScript 混淆器(混亂器、加密)

JavaScript 的程式於頁面可以一覽無遺, 通常都是把 JavaScript code 抓下來, 最多加上 Formatter 就可以開始看(註: 某些 Compiler 會將變數名字取成短名字, 但是, 只要把那些變數名字猜出來, 還是不會太難)

Java 也有遇到同樣的問題 (將 Java 的 *.class decompile, 出來的 code 有些比原來排得還漂亮. XD), 於是就有 Java 的 Obfuscator(混淆器) 出現, 讓程式被 Decompile 後, 看起來是混亂成一團, 很難理解.

那 JavaScript 是否也有 混淆器 可以用呢?

閱讀全文〈JavaScript 混淆器(混亂器、加密)〉

CSS 對於 Float 的 clear:both 無效的解法 - 2010

2008 年寫得: 修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法, 目前為止是沒有遇到什麼問題.

不過, 在今年看到此篇: Best Cross-browser CSS Clearfix solution, 跟上述那篇比對起來, 參數多增加了幾個, 到底有何差異, 就不細究了~ 直接用就對了. XD

閱讀全文〈CSS 對於 Float 的 clear:both 無效的解法 - 2010〉

CSS3 PIE - 讓 IE 支援 CSS3 的圓角、陰影、漸層等變化

CSS3 的特性讓開發者都很方便, 可以省去很多沒用的 HTML, 也可以省掉不少切圖的工.

問題是, 現在最多人使用的瀏覽器(IE6~IE8)都還不支援 CSS3. 詳見: CSS Compatibility and Internet Explorer

註: IE8 部份支援 CSS3

閱讀全文〈CSS3 PIE - 讓 IE 支援 CSS3 的圓角、陰影、漸層等變化〉