參考網頁
常用網頁
課程
Online Coding
網頁設計工具
- 配色 colorhunt
- Url Encode/Decode
- TTny PNG : PNG 圖檔優化
- Tiny JPG : JPG 圖檔優化
- ResponsivePX.com : 網頁調整測試(寬度)
- CSS Normalize
- html boilerplate
- DOM with JavaScript : JavaScript Example
- You might not need jQuery
- avaScript Beautifier
- CodeSandbox
- FLAT UI COLORS:常用調色板
設計參考
參考功能
參考網頁
- Can I use
- HTML5 site templates : 模板
- Hacker News : 可 link 到一些網頁,用作參考
- Awwwards : 網頁設計和優秀網頁設計競賽平台
免費圖庫
- CC0 免費圖庫搜尋 : 要點圖看到大圖再下載,才有大圖
- Pexels
- 38個高質+免費的圖庫網站
- envato elements 插畫
- TRANSPARENT TEXTURE : 背景紋理圖
假資料
- Lorem Picsum : 假圖 https://picsum.photos/200/300
- Free Image Placeholder : 假圖 https://via.placeholder.com/480x240
金流
分類
Hexo
Git
Node.js
Python
SASS
- SASS
- Sass Tutorial
- Sass 樣式表
- The Sass Way : Sass的設計理念文章
- Sass 教學影片
- SASS workshop slide
CSS3
fetch
regular expression
project
- jQuery UI
- Bootswatch : free themes for Bootstrap
API
- REQ | RES : API test
- Facebook API
- Twitter API
- Twitch API v5
- Twitch 開發人員主控台
- Github API
- PokeAPI
- Lorem Picsum : 假圖 API
- REST Countries
- Mocky : 創造測試 API
開源/線上資源
- worldlink 實用開源
- DISQUS : 網站留言服務
- Whiteboard Fox : 線上白板
- YOPmail : 暫時信箱
- 免費資源網路社群
- Free MySQL hosting
- 000webhost
- 申請一個屬於自己的自由網域-TWBBS.org
- Upload.cc: 免費圖片上傳網
技術網站
- PHP manual
- MySQL Improved Extension
- PHP class
- mySQL Tutorial
- MySQL
- W3School
- W3School 中文
- MDN Web Docs
- Fooish 程式技術
- TechBridge 技術共筆部落格
- Wibibi 網頁設計百科
- segmentfault
- 億聚網
- oxxostudio
- ITREAD01.COM
- PHP學習誌
- Jollen’s PHP 專欄
- WEBTECH
- 掘金
- 開發者技術內容創作分享與職涯發展平台
- Interview Questions and Answers
- Learn JavaScript Tutorial(Javatpoint)
文章
Book
技術文章
- Sketch、Zeplin與Slices切圖
- 樹狀結構的建構、版面配置和繪製
- 減少樣式計算的範圍與複雜性
- Google Web Vitals 網站體驗核心指標Web
- 系統設計學習地圖
- 系統設計入門
- 現代瀏覽器內部揭秘
- 脚撕专有钉钉前端面试题
- zuaneducation-Frontend
- ES6 In Depth Articles
Blog
未歸類
- 中文文案排版指北
- CoderBridge 技術內容創作分享學習平台
- google 文件
- DEV
- moo.com : business card
- Canva : business card
- vwnmo
- fiverr
co-working space
PayPal and Stripe