Google+改版：選擇Pinterest-like合適嗎？
昨天，Google+改版了。 據說一口氣發佈了 41 項新功能，並且變成一個Pinterest-like的網站。 做設計的人，自然比較關心後者。
目前顯示的是有「CSS」標籤的文章
Responsive Images：＜img srcset＞大戰＜picture＞
Jas
之前提過：為了解決行動裝置螢幕解析尺寸大小不一的問題，所以， Responsive Web Design 開始盛行。 不過，Responsive We…
Responsive Web Design：主動回應設計
Jas
這幾年，隨著iPhone、iPad在消費市場成功引領潮流，手機與平板隨之崛起，網頁設計似乎也順勢進入一個 螢幕顯示多規格 （Multi-Device） 的…
網頁設計該用哪種字級單位：px、em或rem？
Jas
過去，許多網頁設計師都偏愛使用 px （Pixels） 作為網頁設計的字級單位。 主要的原因是：電腦螢幕顯示的基本單位就是像素（Pixel），直接在網頁上…
利用HTML5與Javascript為圖片加浮水印
Jas
網路圖片最常見的版權宣告形式大概就是 浮水印 （Watermark） 。 對Designer來說，使用Photoshop為圖片加個浮水印當然不會是什麼難事…
CSSPrefixer：黑手我來當！
Jas
IE9跟Firefox 4相繼登場之後，Web designer似乎得更頻繁思考CSS Prefix或Post hack之類的問題。 舉圓角「borde…
用overflow:hidden來解決破版問題
Jas
選擇走Tableless layout作為網頁設計工作路線，偶爾會碰到一些從前使用 DreamWeaver 不曾遇過的問題。 譬如以下這張圖所顯示的： …
CSS3.0 Maker：CSS3語法生成器
Jas
有時忍不住會想： IE6 從一個簡單好用工具淪落成為阻礙網路進步的敗類，除了網站經營者的迂腐、網路使用者的因循苟且之外，大多數Web designer的不知…
網頁設計：relColors尋找關連色工具
Jas
看到 relColors 這個 尋找關連色 （関連色を探そう） 的線上配色工具，突然聯想到我的一位小學同學。 那位小學同學有個彷如天生克制不了的偏好，就是…
CSS 3 PIE與IE CSS3：幫IE升級？
Jas
所有PC使用者所熟知的那個桌面上網藍色小圖示：IE，一直是一個落伍過時的網路瀏覽器。 我們大概可以試想一下：如果沒有IE6，我們現在可能正享用著十年後我們…
0to255：絕佳的網頁設計配色工具
Jas
我記得，有一次 小海 在Twitter隨口 問到 ：「不知道大家偏好寫 color: white 還是 #fff？」 這問題讓我想起：「很久很久以前，顏色…
[網頁設計] 快速新增一個「回本頁上方」連結
Jas
我們一般都用 錨點 anchor 來實現「連結 捲動 scroll to 到同一網頁指定位置」的設計需求。 這種錨點連結作法，通常得先在指定位置下一個「i…
CSS Hacks：FireFox, IE6, IE7, IE8
Jas
分不清什麼叫 瀏覽器 的人，理所當然也不會知道什麼是CSS Hacks 。 然而，對所有從事網頁設計工作的人來說，CSS Hacks就是：當你設計完成之後…
微軟的網頁設計也恨IE Hacks
Jas
微軟的IE瀏覽器從來不是一款先進到足以接近當代網頁標準的上網工具，無論哪一個版本都一樣。 然而，即使到今年FireFox歡慶誕生5週年，終於得以宣稱已經打敗…
覆寫Inline CSS的覆寫功能作法
Jas
除了HTML Email（即edm或電子報）之外，一般而言， Inline CSS 最常見的用法就是：在段落間用來覆寫（或推翻）既定CSS的定義。 尤其對…
CSS Opacity：透明度在各瀏覽器上的應用
Jas
透明度的應用，向來是網站視覺規劃上的一大挑戰，尤其是扯上 PNG-24 Portable Network Graphics (palettes of 24…