-
Recent Posts
Recent Comments
- 奇葳 on Apple的網頁設計哲學(下)
- 網路開店 on Apple的網頁設計哲學(下)
- look on Adobe CS3 註冊機
- 11 on Adobe CS3 註冊機
- 貘电台 on 100+搜尋引擎優化工具
Archives
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- August 2009
- July 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
Categories
Meta
Category Archives: Web Design
跨瀏覽器 CSS3 代碼生成器
可憐天下 web developers 不知花了多少光陰在支援不同瀏覽器上。Internet Explorer 就甭提了，即使 Safari、Firefox 都支持的陰影（box-shadow）效果，偏偏都有不同寫法。結果就是同一件事情要寫好幾次，不幸要修改數值的話又要連續改數次。杯具啊……（還是都習慣了？）
併行、分段載入外部 script
跟 image object 不同，網頁上的 script object 是一個接一個地下載，而非同時下載。 Parallel script loading （併行載入）是加速網站頁面載入最有效的方法之一。因為古代的瀏覽器（aka IE）很多都不支援 parallel scripting loading，它們載入外部 script 時是一個完成後才開始下載另一個，而不是像圖片一樣同時下載多個文件，即出現上圖情況：所有在該 script 之後的文件下載都被擋在後面了 (blocking)。因此出現了 n 多個小技巧解決這個問題。
BBC 新網站視覺系統
BBC 日前在 Blog 上展示了他們正在設計中的新網站視覺系統，他們稱之為視覺語言 Visual Language，旨在統一 BBC 各個網頁的設計風格。目前 BBC 網站便用的視覺系統是兩年前設計的，該套設計標準規範可在此中尋。
wtfjs – the bad part of javascript
新年快樂！為了討君一笑，送上幾句 Javascript： // 眼見未為真 “string” instanceof String; // false. // 誰在說謊？ typeof null // object null === Object // false // 意料之內 typeof NaN // number NaN === ‘number’ // true, of course. // 邏輯謬誤 NaN === NaN // false … Continue reading
Posted in Web Design
Leave a comment
Uniform – 最好的美化網頁表單插件
Uniform 是個新的 jQuery 的表單美化插件，能夠美化 CSS 管不到的 form elements，例如 file upload、radio box、check box 。其實網上美化表單的 JavaScript 插件的多不勝數，但是這個是我見過最好的一個，為甚麼？ 首先是下拉選單 (select element) 的實作方法。其他表單美化插件一般都會將整個 select element 移走，換上一個用自制的 JavaScript 下拉選單 － 而且一般做得反應遲鈍、難看。我自己很討厭這種做法。
Image Optim － 一次壓縮批量圖片
昨天介紹了個 Mac 上的 CSS 小工具，今天再介紹一個 Mac only 的圖片壓縮工具：Image Optim。 Image Optim 其實是由 AdvPNG, OptiPNG, PngCrush, JpegOptim, jpegtran, Gifsicle 等多種壓縮方法結合而成的一個小工具（開源就是棒啊），支援 GIF、JPEG、PNG，該有的都有。把圖片拉到軟件上便會自動開始壓縮，就是如此簡單。 官方網站：http://imageoptim.pornel.net/
less – CSS 本應如此簡單
寫 CSS 最痛苦的是要搞定一堆 browser bugs ，其次就是要面對 CSS 不是 programming language 這現實，不存在其他程式語言常見的 變數、運算、繼承 等概念，使原本簡單的工作變得冗長，並且使維護工作變得麻煩。 less 的出現便是為了解決這個問題：在現有 CSS syntax 的基礎上，為 CSS 加入程式語言的特性，包括變數、scope、nested rules、運算、繼承。
jQuery Lint 驗證工具
做 web development 的人應該都會用過 JSLint 或 JSONLint 這些線上驗證工具。日前連 jQuery Lint 也出爐了。 jQuery Lint 的目的也是提供一個工具協助 programmer 寫出更好的 jQuery code（例如 $(el).css(…).css(…).css (…) 可簡化成 $(el).css({…}) ）。
Internet Explorer 6 Bugs
每參與一個新 project，我總會第一時間問用不用支援 Internet Explorer 6，答不用支援的一般都是不憂財源的公司。所幸某公司一直沒有支援 IE6 的傳統，加上自從轉用了 Mac 以後，開 IE 變得很不方便，已經很久沒 debug IE 了。
Charles Web Debugging Proxy
Web debugging proxy 可以用來記錄，甚至修改所有你電腦的 HTTPS traffic，大大方便了我這些 web developer 的 debug 工作。以前用 Window 的時候我一般會用 Fiddler 作為我的 web debugging proxy ，但自從成了 Mac 用家後，就得另尋一套新工具。
Posted in Web Design
1 Comment