CSS

Gradientos 是個免費線上漸層色彩產生器，可用來快速測試不同漸變在一些常見 UI 元素上的外觀，例如 ICON或背景色等，一進入 Gradientos 網站，就可以看到隨機出現的漸層色彩，點擊任一色彩，就會告訴使用者它的色彩組成，同時產生 CSS語法及圖片，方便使用者後續的應用。

Notepad++ 也支援分頁功能，不論開多少的檔案，全部顯示在同一視窗中，就像是在瀏覽器上的分頁功能一樣，相當方便。Notepad++ 與 MadEdit 都是屬於同類型的產品，支援的程式語言有 C、C++ 、Java 、C#、XML、HTML、PHP、Javascript 、RC resource file、makefile、ASCII art file (extension .nfo 、screenshot1、screenshot2)、doxygen、ini file、batch file、ASP 、VB/VBS source files 、SQL 、Objective-C 、CSS、Pascal、Perl 等。

使用 CSS3 可以不需要使用圖片就能呈現出像是光暈、陰影、漸層、圓角....等等的各種網頁特效。但寫 CSS3 是件需要有耐心的事，不但語法長、同一特效還不是各家瀏覽器都能適用(各家瀏覽器還有版本之分)，相當麻煩。若想使用 CSS3 所帶來的方便，但又想省去學習的過程，可以來使用 Simplest CSS3 Generator 這個免費的網路應用程式服務，快速利用 CSS3 建立出適合自己網頁使用的特效，剔除以往需使用圖片的效果，加快用戶的瀏覽體驗。

點陣圖形是由點構成的，而向量圖形則是由一些形狀元素所構成，因此在放大後，點陣圖形的點就會越明顯，看起來就像打了馬賽克，但放大向量圖看到的仍然是形狀，因此能夠無級縮放，而不會導致圖形失真，在現在螢幕尺寸多元的情況下，如果要在網頁、應用程式中使用背景圖，使用 SVG 的圖檔格式，將會是個不錯的解決方案，BGJar 這個線上的應用程式準備了一些 SVG 模板，供使用者可自行調整模板的長寬、顏色、漸層的比例與方向，在完成調整後，不但可下載圖檔外亦提供原始代碼、數據 URI 及 CSS 供用戶來取用。

色彩的運用不論是採純色、漸層色或兩者搭配都是不錯的選擇，以網頁要使用漸層色來說，可以使用圖片亦可以使用 CSS 語法來產生，CSSGradients 這個網站免費提供 11000+個以 CSS 語法配置好的漸層色彩模板，使用者僅需選擇要使用的色彩模板，就可以複製該模板的 CSS 語法，運用到網頁任何位置，相當方便。

網頁上所見的圓角圖片，下載後不見得就是圓角，而只是透過 CSS修飾，要將圖片直接切割成圓角，我們可以使用 Round the corners of your images 這個線上免費工具來達成，使用方式很簡單，上傳圖片後，就可以調整圓角弧度，勾選背景是否要透明選項，就可以交給 ImgTools 來處理，完成後就可下載，全程無須註冊，也無多餘的頁面跳轉。

喜愛「Plurk - 噗浪」這種微網誌的朋友不少，不過長時間使用下來，對於預設的版面樣式，也會有想更換的時候，若不想自己寫 Code 或想參考別人怎麼寫，可以到 PlurkTemplates 這個專門提供「Plurk - 噗浪」版面更換的線上服務，只要找到自己喜歡的，便可線上更換到自己的「Plurk - 噗浪」的版面，相當方便。

隨著 Google Chrome 瀏覽器屆滿 3歲，Google 特別製作了 Evolution of Web - 網際網路的演變互動圖表，讓所有的大、小朋友都可以了解網際網路和瀏覽器的發展歷史，並簡介眾家瀏覽器在各個時期的版本，並提供版本的介面圖，可供參考，以及其所使用的 CSS、HTML、Javascript...等技術。

Edge 或是 Chrome 瀏覽器都有內建[另存新檔]的功能，可讓使用者儲存網頁，但儲存後的網頁，除了一個主要的 HTML 檔案外，還會有個該網頁所引用的圖片、CSS、Javascript、物件...等的資料夾，如果只想保存文章內容，這樣的作法反而麻煩。SingleFile 是個瀏覽器擴充功能，其最主要的功能就是可以將一個網頁內所要用到的引用整合成到單一個 HTML 檔案來儲存，換句話說，日後若要搬移位置，無須再顧慮該 HTML 檔案，應該要搭配的哪個資料夾及兩者之間相關路徑的問題，該擴充功能雖處在 chrome 線上應用程式商店內，但微軟的 Edge 瀏覽器同樣可前往安裝。