全端工程師和設計師必讀文章推薦【系列三十一】

TP_funny發表於2014-12-03
HTML5 & CSS3
  • 精選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)

相關文章