CSS

已在使用 Windows 8 的用戶，其內建的瀏覽器版本 Internet Explorer 10，然而對於使用 Windows 7 或 Windows 2008 Server 的用戶來說，現在也可以開始升級 IE 10版本，IE10 帶來了完整的硬體加速支援，使用 Chakra JavaScript 引擎，可為 Windows 7 帶來更快速順暢的網路瀏覽體驗，同時，IE10 也支援更多 HTML5 以及 CSS3 標準，也是首款預設開啟不追蹤(Do not Track)功能的瀏覽器。

若在網頁裡有引用的 JavaScript 或是 CSS 檔案，若檔案較大且又是每個網頁都引用，估計在網站的瀏覽高峰期時，流量也會受到這些 JavaScript 或是 CSS 檔案的影響，若想替這些檔案進行瘦身壓縮，可以透過 Yahoo 的 YUI Compressor 這個專門替 JavaScript / CSS 壓縮的免費工具來進行，使用方式相當簡單，只要上傳要壓縮的 JavaScript 或是 CSS 檔案後，便會得到一份已壓縮後的檔案，相當方便，有些檔案大小甚至可減半或更多。

想寫網頁程式，透過網頁編輯器等的輔助工具，應該能加快產能，KompoZer 是一套免費的網頁、CSS 編輯器，除了基本的 HTML 程式碼編輯、版面預覽、多分頁編輯模式，可同時開啟、編輯多個網頁內容等功能外，並可透過網站管理，將編輯好的網頁，方便發佈到自己的網站裡，簡單好用，且編輯好馬上就能看到效果。若能搭配使用 Free JavaScript Editor 實用的 HTML 及 JavaScript 整合編輯器，具 Intellisense 功能、Free Colored ScrollBars 瀏覽器彩色滾動條(ScrollBar) CSS 及 JavaScript 特效產生器 或 JavaScript Collector 1.1.0.4 - 蒐集超過200個JaveScript語法 等工具來輔助，相信新手也能將網頁編輯工作，快速上手。

網頁在呈現之前是需要運算及傳輸時間的，如果可以在這個等待時間加入一個進度條，讓瀏覽者知道還要等多久，會是較理想的網頁設計，但進度條的準確度會受到很多條件的限制，因此，大部分的網頁都是提供一個等待圖示動畫，藉此提示瀏覽者，不需要有多餘的動作靜待網頁呈現。以往要加入此類的等待圖示動畫，我們會使用 Gif 圖檔，而現在我們可以更方便的使用 JavaScript 或是純 CSS 就能加入，Loaders 這個網站提供獨特且具有質感的 24個免費 loader ICON，每個均提供 REACT、HTML 及 CSS 原始碼，讓網頁設計使用 loader ICON可以更方便且有更多選擇。

網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示，只需在網頁中引用該 CSS 檔案，就可輕易實現等待中使用動畫圖示來提示。

製作網頁如果預期會有較長時間的等待，通常會在等待的時間加入一個 loading 的動畫圖示來告知，避免用戶誤以為網頁沒有反應而離開，想要加入一個等待載入的動態圖示，可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器，不但可產生 GIF 檔外，還可產生出 CSS 或 SVG 檔，還提供範例語法，讓你輕易地運用到網頁裡。

在瀏覽網頁的時候，常會看到 loading 動態圖示，尤其是在需要較長時間才能回應的操作上，像是線上影片的觀賞、資料量較大的網頁......等等。想要取得這樣的動態圖示，可以自己製作或是透過 cssload.net 這個免費的網站服務，除了可以利用其提供的 loading 圖示，還可以利用其所提供的工具來編輯該圖示，以取得由 CSS3 語法組成的動畫，來取代 Gif 的動態圖示的缺點，期達到最符合自己網站的要求。

有自己架設網站或部落格的朋友，可能會很在意或好奇自己網站裡各網頁在世界各個地方使用不同瀏覽器的載入速度，若有此需求可以來 Loads.in 這個網站所提供的網頁載入速度測試免費服務，測試地點可以選擇美國、歐洲、亞洲...等，瀏覽器則可以選擇 IE、FireFox、Chrome、Safari 等，使用方式相當簡單，選擇好要測試的地點，使用的瀏覽器，輸入要測試的網址，稍後，便可得到一份相當詳盡的圖形報告，包含像是網頁裡圖片、CSS、JavaScript 等等的每個載入所花費的時間。

覺得 Windows 內建的記事本軟體太陽春嗎？那麼可以試試 MadEdit 這套免費軟體，除了原有的記事本功能外，支援多分頁開啟，若用來編寫程式還可以使用語法高亮度標記﹝C/C++,CSS, diff/patch, D, DOS Batch Script, Flash ActionScript, HTML, Java,JavaScript, JSP, Lua, Pascal, PHP, Perl, Python, Ruby, UNIX Shell Script, x86 Assembly, XML, Fortran, TeX/LaTeX, Squirrel, C#, Visual Basic, ASP(VBScript), SQL, Verilog, VHDL﹞、支援多種編碼(Big5,GBK,UTF-8/16/32)並可隨時改變編碼、十六進位/區塊模式、正規表達式的搜尋或取代、字數計算、簡繁體互換...等。

寫網頁的朋友一定會有一個困擾，那就是寫好的網頁在各種不同瀏覽器的呈現狀況，光是微軟自家的 Internet Explorer 就有好幾個版本，因此為了測試所需就會在自己的電腦裝上 IE 6、IE 7、IE 8，然後在 IE 各種不同版本間切換來回測試。也有廠商推出免費的測試工具像 IETester 專門測試網頁在IE不同版本IE5.5、IE6、IE7、IE8時的呈現是否正常(繁體中文) ，現在微軟自己也開發了免費的 Microsoft Expression Web 3 SuperPreview for Windows Internet Explorer 類似的工具，協助開發人員加快測試速度。

漸層色的運用，能讓用戶感覺到色彩的層次感，在網頁中要使用漸層色彩可以使用圖片，亦可以利用 CSS 語法來完成，但如果是用於文書、簡報、文宣美工等產品，則必免不了要使用圖片。NOISE & GRADIENT 是個線上漸層圖片產生器，透過網頁上的介面，使用者可以自行選擇漸層要搭配的顏色(最多 6種)，而使用空白鍵可隨機產生漸變色彩的各種組合，另外，還可以加入將色彩顆粒化的 CHAOS、GRAIN 兩項因子，完成後，可以免費下載 1000×1000px 的圖片。

在聊天室或是社群網站發文、留言所看的表情符號或特殊圖示都是彩色的，如果想在網頁中改變這類型符號或圖示的顏色或大小，我們可以來使用 Google Fonts 針對這類表情符號與特殊字型所推出的 Noto Emoji 雲端字型，透過其系統化的整理，使用者可以將這類表情符號、特殊圖示改以清爽的線條方式來呈現，並可以利用字重的設定方式來改變圖示或字型輪廓線條粗細，如果再搭配 Windows 系統內建的「表情符號」功能，讓表情符號的應用就更加方便了。