在 twitter 上發現這麼一系列文章－《我在奇摩Yahoo!的日子》，2007 年寫成的，四年前的舊文。作者曾於 Yahoo!奇摩 當企劃／製作人，負責過家族、交友、知識+ 等產品。更於 2005 年因知識+ 榮膺雅虎全球企業員工獎「Yahoo！Superstar」（雅虎之星）。
Continue reading →
Posted in Internet Trends
|
Tagged yahoo
|
.inline-block {
display: inline-block;
zoom: 1;
*display: inline;
}
CSS 中最常用的 display properties 一般有 block、inline、none。而 Inlin-block 是另一個極好用的屬性，卻因為 IE 不太支援，所以常常被忽略掉。而只要用上面這段 css snippet ，就能令 IE 也支援 inline-blcok 了。
Continue reading →
自從沒有再用 Dreamweaver 以後，每開始一個新頁面我就煩惱 doctype 該要寫甚麼，jQuery 的 Google CDN 網址又是甚麼……以往這些都包括在 Dreamweaver 的預設 HTML 網頁模版裡。
Continue reading →
雖然已經乘坐過不少次飛機，但是每次依然會有一點點緊張。行李、證件一堆有的沒的已經令人神經緊繃，最後航空公司還要再給你一張收據似的東西－登機證。
Continue reading →
又是老話題。CSS3 PIE 又是另一個目的在令 IE6 – 8 支援圓角、陰影及漸變的 .htc hack。這三個大概是最常用的 css3 屬性了。特別的是 CSS3 PIE 是連 code generator 的，十分方便。
在 VMWare 裡試了試 IE6 下的效果，完美的 rendering ，但好像會把機器拖得很慢似的……有機會再在原生機器上試試。
網址：http://css3pie.com/
瀏覽器越來越多，舊的未去，新的又來，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 */
_padding: 6px; /* ie6 */
}
Continue reading →
在想公司名字的時候，domain name check 已經是大家必做的動作，網上亦已經有一堆工具可供使用。可是在這個人人都在談論 social network 的年代，Facebook、Twitter 等社交網站的帳戶名同樣重要。
Continue reading →
網頁設計師都知道，跟客戶用 email 溝通時，客戶常常會在 email 中用文字描寫列出一堆需要修改的地方，又或者截圖後在 powerpoint 裡發揮他的小宇宙。最糟是自從用 Mac 後，遇上亂作一團的 ppt 作圖，我都不知道是 Mac 版的 Office 相容性問題，還是客戶的美術天份低。
Continue reading →
Posted in Web Design
|
Tagged testing
|
如果你也有用 960 Grid System 的話，這幾個 Photoshop Actions 一定對你有用。
960 Grid System 是個網頁設計法則和 css 框架，它主張一個網頁的寬度應為 960 px，並將之分成 4 至 24 等份（Grid 是也），欄與欄之間再有若干空間（Gutter）。網頁的元素應在這些 column 以內，以達至視覺平衡的目的。
Continue reading →
莫斯科地鐵系統是世上最複雜的地鐵系統之上，在使用率上僅次日本東京地鐵。
有人找到了其地鐵圖的設計改良過程，請到原文欣賞：http://www.ruanyifeng.com/blog/2010/06/moscow_metro_map.html
