- 精選9個值得學習的 HTML5 效果【附原始碼】
- 精選12個時尚的 CSS3 效果【附原始碼下載】
- Canvas 示例:4種超炫的網站動畫背景效果
- 應用 CSS3 動畫實現12種風格的通知提示
- 實用圖片滑塊,傳送帶,幻燈片效果【附原始碼】
- Waves – 贊!超炫互動體驗的點選動畫效果
- 如何使用 HTML5 Canvas 製作水波紋效果
- 建立響應式佈局的10款優秀網格工具集錦
- 為網格佈局圖片打造的超炫 CSS 載入動畫
- Trianglify - 生成五彩繽紛的 SVG 背景圖案
- 學習使用 CSS3 製作網站麵包屑導航效果
- 使用 CSS3 偽元素實現立體的照片堆疊效
- 基於純 CSS3 技術實現美觀的標籤雲效果
- 推薦20個很有幫助的 Web 前端開發教程
- 移動 Web 開發必備!時尚的 Off Canvas 導航
jQuery 外掛
- 分享5種風格的 jQuery 分頁效果【附程式碼】
- 20款美化網站的 jQuery Lightbox 燈箱外掛
- Sequence.js 實現帶有視差滾動特效的圖片滑塊
- Flexslider - 響應式的 jQuery 內容滾動外掛
- 使用 jQuery & CSS3 實現翻轉的作品集滑塊
- 酷!使用 jQuery & Canvas 製作相機快門效果
- jQuery 特效:盒子破碎和移動動畫效果
- FancyBox - 經典的 jQuery Lightbox 外掛
- Sequence.js - 適合電子商務網站的圖片滑塊
- Infinite Scroll - jQuery & WP 無限滾動外掛
- 精緻3D圖片切換效果,最適合企業產品展示
- 過去幾個月出爐的30款最喜歡的 jQuery 外掛
- Arctext.js - 基於 CSS3 & jQuery 的文字彎曲效果
JS 框架和工具
- FingerprintJS - 在瀏覽器端實現指紋識別
- SweetAlert – 替代 Alert 的漂亮的提示效果
- AngularJS 五大特性,加快 Web 應用開發
- pagePiling.js - 建立漂亮的全屏滾動效果
- BitcoinJS - 支援比特幣交易的 JavaScript 庫
- GOCR.js – 使用 JS 識別出圖片中的文字
- imagesLoaded – 檢測網頁中的圖片是否載入
- 使用 FocusPoint.js 實現圖片的響應式裁剪
- GifShot - 建立動態 GIF 的 JavaScript 庫
- ClockPicker – 時鐘風格 Bootstrap 時間選擇器
- Strip JS – 低侵入,響應式的 Lightbox 效果
- Midnight.js – 實現奇妙的固定頭部切換效果
- Ocrad.js – JS 實現 OCR 光學字元識別
創意設計
- 帶給您靈感的25個最新鮮的 HTML5 網站
- 使用虛擬按鈕(Ghost Buttons)的25個網站
- 20個使用柔和的色調的優秀網站設計示例
- 25個精美的創意機構和設計工作室網站案例
- 20個華麗的時間軸例子,尋找網頁設計靈感
- 25個超簡約風格的國外酷站設計案例
- 你會喜歡的30個美味的食品和飲料網站
- 你知道嗎?世界上絕美神奇的25條路
- 世界上最瘋狂10個建造中的摩天大樓
- 攝影師告訴你水其實是可以雕塑的【組圖】
網站素材
- 30款最好的 Bootstrap 3.0 免費主題和模板
- 30套免費的響應式 HTML5 & CSS3 模板下載
- 12個免費的 Twitter Bootstrap 後臺模板
- 精品素材:WALK & RIDE 單頁網站模板下載
- 蘋果官方釋出,iPhone 6 & Plus 設計素材
- 免費素材下載:iOS 8 向量 UI 素材套件
- 設計師收藏的20款英文手寫字型【免費下載】
- 免費下載:用於原型設計的 iOS 7 線框圖
- iOS 8 介面設計 PSD 模板,免費下載
- Jellycons – iOS 8 圖示下載(PNG, SKETCH)
實用工具
- HTML Minifier - 靈活的線上 HTML 壓縮工具
- Csstyle - 建立簡潔、可維護強的 CSS 樣式
- 谷歌打不開?最新的 Google Hosts 檔案配置
- 知道嗎?9個搜尋引擎優化(SEO)最佳實踐
- DomFlags - 給 DOM 新增書籤,方便除錯
- FreeIconMaker - 線上建立免費和時尚的圖示
- PerfMap – 顯示前端網站效能的熱力圖外掛
- Hello.js – Web 服務授權的 JavaScript SDK
同系列文章
- Web 前端開發人員和設計師必讀文章推薦【系列一】
- Web 前端開發人員和設計師必讀文章推薦【系列二】
- Web 前端開發人員和設計師必讀文章推薦【系列三】
- Web 前端開發人員和設計師必讀文章推薦【系列四】
- Web 前端開發人員和設計師必讀文章推薦【系列五】
- Web 前端開發人員和設計師必讀文章推薦【系列六】
- Web 前端開發人員和設計師必讀文章推薦【系列七】
- Web 前端開發人員和設計師必讀文章推薦【系列八】
- Web 前端開發人員和設計師必讀文章推薦【系列九】
- Web 前端開發人員和設計師必讀文章推薦【系列十】
- Web 前端開發人員和設計師必讀文章推薦【系列十一】
- Web 前端開發人員和設計師必讀文章推薦【系列十二】
- Web 前端開發人員和設計師必讀文章推薦【系列十三】
- Web 前端開發人員和設計師必讀文章推薦【系列十四】
- Web 前端開發人員和設計師必讀文章推薦【系列十五】
- Web 前端開發人員和設計師必讀文章推薦【系列十六】
- Web 前端開發人員和設計師必讀文章推薦【系列十七】
- Web 前端開發人員和設計師必讀文章推薦【系列十八】
- Web 前端開發人員和設計師必讀文章推薦【系列十九】
- Web 前端開發人員和設計師必讀文章推薦【系列二十】
- Web 前端開發人員和設計師必讀文章推薦【系列二十一】
- Web 前端開發人員和設計師必讀文章推薦【系列二十二】
- Web 前端開發人員和設計師必讀文章推薦【系列二十三】
- Web 前端開發人員和設計師必讀文章推薦【系列二十四】
- Web 前端開發人員和設計師必讀文章推薦【系列二十五】
- Web 前端開發人員和設計師必讀文章推薦【系列二十六】
- Web 前端開發人員和設計師必讀文章推薦【系列二十七】
- Web 前端開發人員和設計師必讀文章推薦【系列二十八】
- Web 前端開發人員和設計師必讀文章推薦【系列二十九】
- Web 前端開發人員和設計師必讀文章推薦【系列三十】
本文連結:全端工程師和設計師必讀文章推薦【系列三十一】
文章來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源
來自:部落格園
相關閱讀
評論(4)