跨瀏覽器 CSS3 代碼生成器
- By Ka Yue Yeung
- Published 10 March 2010
- Web Design & Development
- Unrated
- | No. of Views: 40
可憐天下 web developers 不知花了多少光陰在支援不同瀏覽器上。Internet Explorer 就甭提了,即使 Safari、Firefox 都支持的陰影(box-shadow)效果,偏偏都有不同寫法。結果就是同一件事情要寫好幾次,不幸要修改數值的話又要連續改數次。杯具啊……(還是都習 慣了?)
何以視若無睹
- By Ka Yue Yeung
- Published 7 March 2010
- Web Design & Development
- Unrated
- | No. of Views: 20
先來數一數白隊共互傳了多少次球?
如果有觀察過一些不熟悉電腦操作軟件/網頁的情況,大概會時常發生一些 developer 和 designer 難以理解的現像-何以這麼大的一顆按鈕、一個告示,居然會被忽略掉?並不是因為他們有先天缺陷,「發雞盲」。如果明白到所有視覺影像都需先經大腦處理方可解讀,會發生以上情況就不是那麼難以理解了。學者稱之為 「failures of visual awareness」,其成因眾說紛紜,本文無意探討(『演化心理學!』蕭生聽眾如是說 XD)。failures of visual awareness 可大概分為兩類,Change Blindness 及 Inattentional Blindness。
併行、分段載入外部 script
- By Ka Yue Yeung
- Published 22 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 39
![]()
跟 image object 不同,網頁上的 script object 是一個接一個地下載,而非同時下載。
BBC 新網站視覺系統
- By Ka Yue Yeung
- Published 19 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 79
BBC 日前在 Blog 上展示了他們正在設計中的新網站視覺系統,他們稱之為視覺語言 Visual Language,旨在統一 BBC 各個網頁的設計風格。目前 BBC 網站便用的視覺系統是兩年前設計的,該套設計標準規範可在此中尋。
新網站設計想傳遞「現代英國、時事、強勢、獨特、領先、綜合、優秀」等感覺。同時為了適應越來越流行的闊螢幕瀏覽,設計團隊還重新設計了一套新的網格系統 (grid system) 及網頁模版。
wtfjs – the bad part of javascript
- By Ka Yue Yeung
- Published 14 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 41
// 眼見未為真
"string" instanceof String; // false.
// 誰在說謊?
typeof null // object
null === Object // false
Web、DB Server 等 軟體的極限是多少?
- By Tsung Hao
- Published 10 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 70
這個答案很難回答, 因為都是看如何使用, 有些每秒 QPS 可以破萬, 也有每秒 QPS 只有 10 就爆炸了.
Uniform – 最好的美化網頁表單插件
- By Ka Yue Yeung
- Published 9 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 82
Uniform 是個新的 jQuery 的表單美化插件,能夠美化 CSS 管不到的 form elements,例如 file upload、radio box、check box 。其實網上美化表單的 JavaScript 插件的多不勝數,但是這個是我見過最好的一個,為甚麼?
網站設計需要考慮人性化
- By Terence 海平一船
- Published 5 February 2010
- Web Design & Development
- Unrated
- | No. of Views: 34
HomeAboutWork jQuery Lint 驗證工具
- By MM Days
- Published 20 January 2010
- Web Design & Development
- Unrated
- | No. of Views: 100
做 web development 的人應該都會用過 JSLint 或 JSONLint 這些線上驗證工具。日前連 jQuery Lint 也出爐了。 jQuery Lint 的目的也是提供一個工具協助 programmer 寫出更好的 jQuery code(例如 $(el).css(...).css(...).css (...) 可簡化成 $(el).css({...}) )。
跟 JSLint 和 JSONLint 不同, jQuery Lint 是個 run time reporter,安裝後所有訊息會顯示在 FireBug 上。安裝 jQuery Lint 只需加如下一句:
<script src="jquery.lint.js"></script>
JavaScript 的 encodeURIComponent() 會將字串轉換成 UTF-8 編碼
- By Tsung Hao
- Published 14 January 2010
- Web Design & Development
- Unrated
- | No. of Views: 124
查了許久才知道是使用 JavaScript 的 encodeURIComponent() 的 Function 造成的. (註: encodeURIComponent() 就類同於 PHP 的 urlencode())