創意

CSSWinner|網頁設計優勝者獎

​“CSS Winner”是一個針對網頁設計的作品展示站點,基於設計、功能性、實用性、內容等立體打分,評選出優秀的UI互動設計網站,根據評分以獲獎榜單的形式呈現,在這裡你可以欣賞到不同國家的網頁設計師作品。

素材

CoolHue|線上顏色漸變色組合

Cool Hue 是一個託管在Github上的顏色程式碼分享網站,由UVdesk分享,挑選最流行和最常用的漸變色程式碼,設計師們可以自由選擇想要的漸變色CSS程式碼應用到自己的網站設計專案。

素材

jQuery之家|前端設計資源庫

jQuery之家致力於蒐集和整理各種jQuery外掛,jQuery特效,jquery ui,jQuery 教程,JS特效,網頁特效,以及各種html5,css3動畫和效果,為前端開發者提供最全面的網頁開發素材。

素材

Html5xCSS3|免費響應式模版分享網

Free Html5 and Css3 Website Templates 是一個收錄網際網路中優秀的免費響應式模版、主題、範本的站點,同時還會把收錄的各種主題模版進行彙總釋出,網頁設計師可以在該網站找到很多不同主題的響應式免費模版資源。

網路

CanIUse|網站開發瀏覽器相容性查詢網

我可以用(Can I Use)是一個針對Web網站開發人員定製的一個查詢CSS在箇中流行瀏覽器中的特性和相容性列表的網站,怎樣可以很好地保證網頁的瀏覽器相容性?是網站開發者一直在討論的問題,有了這個工具你就可以快速的瞭解到程式碼在各瀏覽器中的效果了。

手機

PYAPP|移動端程式碼程式設計學習應用

PYAPP是一款支援在手機端隨時隨地學習程式語言的應用,支援Python、演算法、SQL、語法、HTML、CSS、Swift、Astrophysics等方面的學習,互動式的學習方式可以讓學習者通過大量的實踐對答來不斷的提高自己的程式設計水平。

工具

TypeAnything:線上文章排版CSS除錯工具

Type Anything 是一款支援線上除錯文章排版樣式的工具,功能設計很簡單,主要提供一段文章範本(裡頭包含H1、H2標題和文字),使用者通過快速按鈕來切換字型、文字大小、行高、字重、邊緣等相關屬性,預覽效果。

工具

CyotekSpriter:網站圖片拼接CSS工具

Cyotek Spriter 是一款支援網站開發的工具,可以幫助設計師們把網站上的圖片拼接起來然後生成CSS程式碼,可以讓你自設圖片的間距、合併模式、圖片輸出自動壓縮、自動修改CSS名稱,並提供即時預覽、CSS原始碼、轉存後的圖片、實際的HTML碼,非常簡單又好用。

網路

Jsdelivr:免費公用CDN加速服務網

Jsdelivr 網站是一個致力於為開發者提供數千種Javascript、CSS等超過1650多種 Libraries 加速的免費CDN服務,該平臺是首個打通中國大陸與海外的免費CDN服務,網頁開發者無須擔心中國防火牆問題而影響使用。