HTML.cafe 線上 HTML 編輯器，即時呈現 HTML 及 CSS 語法變化
寫好的 HTML 及 CSS 通常必須存檔，然後由瀏覽器去執行，這一來一回的動作可能要經過無數次，相當浪費時間，HTML.cafe 是個線上 HTML 編輯器，所敲進去的 HTML 及 CSS 語法，會即時反應在呈現欄中，免去存檔後，再到瀏覽器執行的過程，這對初學者或是需要測試 HTML 語法或是 CSS 排版效...
TechNews 科技新聞與最新技術文章
CSS Background Patterns 提供純 CSS 背景圖案免費使用
適當的替作品加入背景，可增加作品的整體的滿意度，如果是網頁，以往因 CSS 語法在各家瀏覽器支援程度不一的情況下，多數會使用圖片來製作，不但前期製作麻煩，後續要維護也不容易，而如今瀏覽器與 CSS 標準逐漸統一，使用純 CSS 語法來製作背景圖對後續要更新維護也相對簡單，CSS Background Patter...
Dynamic Dummy Image Generator 透過網址後接圖片尺寸、顏色就可即時調整佔位圖片大小的產生器
要開發系統或網站，通常都會依照所需流程及功能來構思整個系統架構，如果可以先將系統的操作介面以雛形的方式呈現出來，相形之下就可以對客戶進行良好的溝通，開發人員也不怕所開發的系統會與客戶所描述的落差太大，製作雛形如果需要用到圖片，通常就是隨便找張圖片裁剪成所需的尺寸先放上去，如果要更改就重複做同樣的事情，Dynami...
WebGradients 配好的 180個漸層色彩，隨你取用
漸層色較單一顏色來的有層次感，也深受美工人員的愛用，要用 CSS 做出漸層色，不難，但難在顏色如何搭配，這讓人很傷腦筋的，WebGradients 這個網站提供 180個已經配好色的漸層色彩，並提供 CSS3 語法與 PNG 圖檔，不論是個人或商業均可免費取用。
Color gradient generator 漸層色彩 CSS 語法產生器
漸層色彩在視覺上可以產生層次感，這對常看單一顏色的人來說，會更加有吸引力，以往要做出漸層色，設計師都會傾向於使用圖片，原因在於各家瀏覽器對 CSS 所支援的程度不相同，造成觀感不佳的問題，而如今瀏覽器對 CSS 3 基本上都支援的情況下，要達成純 CSS 語法就做出漸層色也變得相對簡單。Color gradien...
贊助廣告
everysize 線上查看網頁在不同螢幕尺寸下的呈現效果
做了響應式網頁，該如何能夠看出其在不同螢幕尺寸下應有的效果呢？everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站，不同以往看到的類似網站，該網站在呈現網頁後，用戶是可以直接操作非靜態的。
CSS Grab n' Go Editor 可視化 CSS 語法產生器
階層樣式表 (Cascading Stylesheets，CSS) ，最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式，讓同一個元素可以有不同的樣貌呈現，不過對於初學者而言，要了解整個 CSS 語法規則並不容易，除了時間之外，如果有輔助的工具可以協助，相信可以更快的跨過門檻，CSS Grab n'...
Google 搜尋引擎最佳化初學者指南(繁體中文版)
「Google 搜尋引擎最佳化初學者指南」這份是由 Google 所撰寫的 SEO 教材，將 SEO 分成 14大主題，來教你如何做好搜尋引擎最佳化，內容相當不錯，非常適合有經營網站的站長們來閱讀研究，而且這份文件還翻譯成 40國語言，有需要的朋友可以下載下來研究看看。
贊助廣告
Sketch2Code 使用 AI 將手繪設計稿轉換成 HTML 程式碼
需求分析是系統開發成敗的關鍵，系統分析師與客戶溝通時，如果可以拿出接近客戶心目中的實際系統操作雛形，相信會比用文字描述來的容易溝通，如果要將溝通時產生的手繪草稿圖利用 HTML 程式碼來呈現，讓客戶可以模擬操作，藉此確定系統規格，這對日後的系統驗收也有一定的幫助，Sketch2Code 是由 Microsoft ...
border radius 圓角框 CSS 語法線上產生器
CSS 版本進展到 CSS3.0，讓以往需要靠圖片來輔助才做得到的效果，變得只需用 CSS 即可，例如邊框特效、色彩展示、圖形變化、動畫、轉換特效、文字色彩、文字陰影、區塊陰影、文字旋轉...等，不過標準有了，語法的學習上卻變成是個門檻，還好，線上有很多關於 CSS 產生器，像是按鈕、陰影、圓角...等，如果對 ...