عرض الرسائل ذات التصنيف CSS

Google+改版:選擇Pinterest-like合適嗎?

昨天,Google+改版了。 據說一口氣發佈了 41 項新功能,並且變成一個Pinterest-like的網站。 做設計的人,自然比較關心後者。

Responsive Images:<img srcset>大戰<picture>

之前提過:為了解決行動裝置螢幕解析尺寸大小不一的問題,所以, Responsive Web Design 開始盛行。 不過,Responsive We…

Responsive Web Design:主動回應設計

這幾年,隨著iPhone、iPad在消費市場成功引領潮流,手機與平板隨之崛起,網頁設計似乎也順勢進入一個 螢幕顯示多規格 (Multi-Device) 的…

用CSS3做Logo

9月初,Blogger的新版後台正式上線。 不巧,我正在那個時候,進後台開模版編輯HTML,移掉了幾段語法。結果,順手存檔後,沿用多年的Classic模版…

網頁設計該用哪種字級單位:px、em或rem?

過去,許多網頁設計師都偏愛使用 px (Pixels) 作為網頁設計的字級單位。 主要的原因是:電腦螢幕顯示的基本單位就是像素(Pixel),直接在網頁上…

利用HTML5與Javascript為圖片加浮水印

網路圖片最常見的版權宣告形式大概就是 浮水印 (Watermark) 。 對Designer來說,使用Photoshop為圖片加個浮水印當然不會是什麼難事…

CSSPrefixer:黑手我來當!

IE9跟Firefox 4相繼登場之後,Web designer似乎得更頻繁思考CSS Prefix或Post hack之類的問題。 舉圓角「borde…

IE放大絕!這個你會嗎?

網頁設計師討厭IE的理由很簡單: 當你寫了正確的HTML跟CSS,所有其他瀏覽器都正常,IE總是無法正常顯示。 當你寫了錯誤的HTML跟CSS,所有其…

IE9與CSS3

這篇文章《 CSS3 Support in Internet Explorer 9 》條列了IE9究竟支援了哪些先進規格的CSS。 我們見證了歷史的一刻…

IE9有什麼了不起

微軟終於又推出了他們有史以來最強大的網路瀏覽器: Internet Explorer 9 Internet Explorer 再進化,超乎您的想像。Int…

用overflow:hidden來解決破版問題

選擇走Tableless layout作為網頁設計工作路線,偶爾會碰到一些從前使用 DreamWeaver 不曾遇過的問題。 譬如以下這張圖所顯示的: …

CSS3.0 Maker:CSS3語法生成器

有時忍不住會想: IE6 從一個簡單好用工具淪落成為阻礙網路進步的敗類,除了網站經營者的迂腐、網路使用者的因循苟且之外,大多數Web designer的不知…

網頁設計:relColors尋找關連色工具

看到 relColors 這個 尋找關連色 (関連色を探そう) 的線上配色工具,突然聯想到我的一位小學同學。 那位小學同學有個彷如天生克制不了的偏好,就是…

CSS 3 PIE與IE CSS3:幫IE升級?

所有PC使用者所熟知的那個桌面上網藍色小圖示:IE,一直是一個落伍過時的網路瀏覽器。 我們大概可以試想一下:如果沒有IE6,我們現在可能正享用著十年後我們…

0to255:絕佳的網頁設計配色工具

我記得,有一次 小海 在Twitter隨口 問到 :「不知道大家偏好寫 color: white 還是 #fff?」 這問題讓我想起:「很久很久以前,顏色…

[網頁設計] 快速新增一個「回本頁上方」連結

我們一般都用 錨點 anchor 來實現「連結 捲動 scroll to 到同一網頁指定位置」的設計需求。 這種錨點連結作法,通常得先在指定位置下一個「i…

CSS Hacks:FireFox, IE6, IE7, IE8

分不清什麼叫 瀏覽器 的人,理所當然也不會知道什麼是CSS Hacks 。 然而,對所有從事網頁設計工作的人來說,CSS Hacks就是:當你設計完成之後…

微軟的網頁設計也恨IE Hacks

微軟的IE瀏覽器從來不是一款先進到足以接近當代網頁標準的上網工具,無論哪一個版本都一樣。 然而,即使到今年FireFox歡慶誕生5週年,終於得以宣稱已經打敗…

覆寫Inline CSS的覆寫功能作法

除了HTML Email(即edm或電子報)之外,一般而言, Inline CSS 最常見的用法就是:在段落間用來覆寫(或推翻)既定CSS的定義。 尤其對…

CSS Opacity:透明度在各瀏覽器上的應用

透明度的應用,向來是網站視覺規劃上的一大挑戰,尤其是扯上 PNG-24 Portable Network Graphics (palettes of 24…

تحميل المزيد من المشاركات لم يتم العثور على أي نتائج