Archive for the Category Webdev

 
 

CSS Tweak:線上CSS瘦身服務

CSS Tweak ~ Web Based CSS Tweaker

Andy Peatling所製作的CSS Tweak網站,提供CSS檔案瘦身服務。使用的方法很簡單,只要將CSS上傳或張貼到網站上以後,針對個人需求勾選要調整的項目,便可以開始執行。
| 繼續閱讀…

你是哪個等級的CSS開發人員?

Friendly Bit在今年1月有篇有趣的文章,標題為:Levels of CSS Knowledge,作者Emil Stenström將CSS的知識分為下列7個等級,並且描述了各等級的開發人員對網路產生的影響。我將內文簡譯如下: | 繼續閱讀…

CSS技巧:使用兩張圖片作為網頁背景

Quick CSS Tip- Backgrounds – Yesterdayishere.com

如果你有使用兩張圖片作為網頁背景的需要,那麼不妨看看Yesterdayishere的這個範例網頁(如上圖)。
| 繼續閱讀…

CSS技巧:在網頁中標示外部連結

所謂的「外部連結」(external links)指的是內容會轉向到其他網站的連結。例如在網頁中提供蕃薯藤的連結,是屬於外部連結;而連結自己網站中的其他內容,例如回到首頁,則稱為內部連結(internal links)。

依照Web Content Accessibility Guidelines 1.0的規範,任何與連結內容有關的敘述,都應包含在連結文字當中。因此,將內部連結與外部連結採用不同的標示法,也是增進網頁易讀性的一種方式。

以下的步驟將示範,如何在連結文字的最後,加上一個特別的圖示表示外部連結。
| 繼續閱讀…

CSS選單技巧

Rachel Cunliffe在今天的CSS… and rollover tabs裡面,提到一個她從Dan Cederholm的書中學到的CSS選單技巧,我覺得很實用,值得和大家分享。

這個技巧是描述如何只利用一張圖片,作出會隨著滑鼠游標變換的標籤選單(rollover tabs)。

所謂的標籤選單是甚麼呢?請看下面的範例:

| 繼續閱讀…

Pages: « 1 2 3 ...6 7 8 9 10 11 12 »