瀏覽器書籤總結

網站開發

開發工具

• 在線工具 - 程序員的工具箱
• cubic-bezier(0,1,1,-0.06) ✿ cubic-bezier.com
• 文字檢測 WebPagetest - Website Performance and Optimization Test
• Cutterman - 爲設計更專一
• URL解碼 - 在線URL解碼器
• Unix時間戳(Unix timestamp)轉換工具 - 站長工具
• gitignore.io - Create Useful .gitignore Files For Your Project
• Picturefill
• CSS3漸變背景代碼生成工具 - 【科e互聯】
• 在線任意進制轉換計算
• Box Shadow(陰影)-Css3演示- HTML轉義字符對照表
• 緩動函數速查表
• 在線流程圖
• Ceaser - CSS Easing Animation Tool - Matthew Lein
• loading.io - Your SVG + GIF Ajax Loading Icons

公共庫

• Bootstrap中文網開源項目免費 CDN 服務
• 開放靜態文件 CDN - 爲開源庫提供穩定、快速的免費 CDN 服務
• 百度靜態資源公共庫
• 前端公共庫CDN加速-靜態資源公共庫,免費CDN公共庫
• 360網站衛士經常使用前端公共庫CDN服務
• Awesomes - 前端資源庫
• unpkg
• jsDelivr - A free, fast, and reliable Open Source CDN with npm and github integration
• 靜態資源託管庫
• 前端公共庫CDN加速-靜態資源公共庫,免費CDN公共庫

正則

• Regexper正則查詢
• RegExr: Learn, Build, & Test RegEx
• JS正則表達式大全(整理詳細且實用)_javascript技巧_腳本之家
• 一步一步寫正則 1：金額正則表達式 - 清山博客 - 博客園
• 正則表達式30分鐘入門教程
• 正則表達式速查表

書籍

• Leanpub: Publish Early, Publish Often
• 深刻淺出 Webpack · 深刻淺出 Webpack
• 一個合格的程序員應該讀過哪些書 - justjavac(迷渡)
• Java知識分享網-免費Java資源下載
• Explore · GitBook
• 【冷知識】斷頭（detached HEAD）是怎麼一回事？ - 為你本身學 Git | 高見龍
• 【搬書匠】- 電子書(EBook)
• Eloquent JavaScript
• 分類: webpack4系列教程 | 董沅鑫的我的網站
• 電子書管理器

視頻

• IT大咖說 - 大咖乾貨，再也不錯過
• Scrimba
• Frontend Masters — Learn JavaScript, React, Vue & Angular from Masters of Front-End Development!
• Download Udemy Paid Courses For Free | FreeTutorials.Eu
• 在線課程 - 時間自由，學您想學 | Udemy
• Learning How to Learn: Powerful mental tools to help you master tough subjects | Coursera
• 高清視頻教程 - 我愛學it - www.52studyit.com
• Short, instructional screencast video tutorials for web developers on @eggheadio
• Learn to Code - for Free | Codecademy
• JSZip

題庫

• hihoCoder
• LeetCode
• 【賽碼網】IT筆試面試加分利器，專一IT校招職位
• Say Hello to HTML Element | FreeCodeCamp中文社區
• Train with Programming Challenges/Kata | Codewars
• 主頁|ScriptOJ
• 實驗室列表 - 開發者實驗室 - 騰訊雲

博客

• 奇舞團博客
• Aotu.io「凹凸實驗室」
• 首頁 - FEX
• 人人網FED博客 – 專一於前端技術
• 大搜車技術團隊博客
• 美團技術團隊
• Taobao FED | 淘寶前端團隊
• TechBridge 技術共筆部落格
• Blog - JakeArchibald.com
• David Walsh Blog - JavaScript Consultant
• 我如何零基礎轉行成爲一個自信的前端 - Lambda Academy
• 酷殼 – CoolShell.cn
• Overreacted — A blog by Dan Abramov
• JavaScript 祕密花園
• jQuery源碼分析系列 - 【艾倫】 - 博客園
• 大前端核心技術詳盡篇 - 做業部落 Cmd Markdown 編輯閱讀器

社區

css

• Front-end Web Development, Chewed Up ← Alligator.io
• Learn CSS Animation - Free CSS tutorials and guides - CSS Animation
• CSS-Tricks
• 首頁 » 張鑫旭-鑫空間-鑫生活
• w3cplus_引領web前沿，打造前端精品教程

郵件訂閱

• Pony Foo — Web platform, JavaScript, modularity, front-end architecture, performance, and more!
• Home | Devchat.tv
• React Status
• JavaScript Weekly

社區

• 首頁 - 廖雪峯的官方網站
• SegmentFault
• 博客園 - 開發者的網上家園
• Quora - A place to share knowledge and better understand the world.
• Stack Overflow - Where Developers Learn, Share, & Build Careers
• The deepest reason why modern JavaScript frameworks exist
• Echo JS - JavaScript News
• The DEV Community
• Front-End Front — Basically, front-end news
• JavaScript Weekly Issue 406: October 5, 2018
• Lambda Academy
• jsPerf: JavaScript performance playground
• PNG文件格式詳解 - bisword的專欄 - CSDN博客
• Apng動畫介紹 - 簡書
• YYImage源碼閱讀—YYImageCoder - 簡書
• Hashnode - The developers community
• Refind
• 極客搜索
• SitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design
• Div.IO
• 大前端-關注前端開發
• WEB前端 - 伯樂在線
• 翻譯，今後起步 - 衆成翻譯
• 更快的異步函數和 Promise · V8
• 從html、css到 js，WEB前端開發在線學習視頻教程 - html中文網
• V2EX
• 專一Web前端開發工程師教程與PHP編程設計 - 愛思資源網
• 100+ 超全的web開發工具和資源 – 稀土區
• 首頁 - w3ctech
• InfoQ - 促進軟件開發領域知識與創新的傳播
• HelloGitHub – 分享 GitHub 上入門級、有趣的開源項目

框架庫

react

• React 中文
• React 中文導航
• 深度剖析：如何實現一個 Virtual DOM 算法 · Issue #13 · livoras/blog
• React.js 小書

angular

• 大漠窮秋的主頁
• NG-1701黃埔一期-CCtalk

node

• NodeSchool
• CNode：Node.js專業中文社區
• Node入門 » 一本全面的Node.js教程
• node.js學習社區

遊戲

• Phaser - A fast, fun and free open source HTML5 game framework
• CreateJS中文網
• Phaser - HTML5 Game Devs Forum
• HTML5 Game Engines - Find Which is Right For You
• 白鷺時代 - Egret
• Phaser小站
• Leshy SpriteSheet Tool - Online Sprite Sheet & Texture Atlas Packer
• 9RIA - 專一互聯網遊戲和應用的開發者平臺
• 25 個超棒的 HTML5 & JavaScript 遊戲引擎開發庫 - CSDN博客

工具庫

• rollup.js • guide 封裝庫？
• Moderniz 老版本瀏覽器兼容
• Mock.js

動畫

• 頁面過渡效果A Collection of Page Transitions
• 滑塊Ion.RangeSlider - Demo Page
• FlipClock.js

其餘

• Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS.
• GraphQL | 一種爲你的 API 而生的查詢語言

在線編輯

• JSRUN在線代碼編輯器, js在線編輯器，在線運行工具,runjs升級版
• RunJS - 在線編輯、展現、分享、交流你的 JavaScript 代碼
• CodePen - Front End Developer Playground & Code Editor in the Browser
• JS Bin - Collaborative JavaScript Debugging
• Popular test cases · jsPerf
• pd-react-list - StackBlitz
• static - CodeSandbox

代碼收集

• jQuery插件庫-收集最全最新最好的jQuery插件
• jQuery之家-自由分享jQuery、html五、css3的插件庫
• Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
• Dribbble - Show and tell for designers
• 超讚！源自codepen的25個最受歡迎的HTML/CSS代碼
• HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck
• NavNav 菜單樣式
• Codrops | Useful resources and inspiration for creative minds
• Awwwards - Website Awards - Best Web Design Trends
• Codepad - Share Code Snippets, HTML5, CSS3, JS Demos
• React.parts

技術文章

• js獲取網頁屏幕可見區域高度 - 快樂每一天 - ITeye技術網站
• HTML5 Canvas繪圖與動畫學習59例
• 介紹 | 前端開發筆記本
• 前端性能優化----yahoo前端性能團隊總結的35條黃金定律 - 365lei - 博客園
• 好吧，CSS3 3D transform變換，不過如此！ « 張鑫旭-鑫空間-鑫生活
• CSS3的REM設置字體大小_rem, 長度單位 教程_w3cplus
• 【原】移動web資源整理 - 白樹 - 博客園
• 移動端兼容性問題解決方案 - 孤舟蓑翁 - 博客園
• HTML5 Video Blob 初探
• SVG 路徑動畫簡易指南_SVG, SVG Animation, Animation, Web動畫 教程_w3cplus
• GCP 免費層級 - 不但免費試用期長，還可享用始終免費的產品  |  Google Cloud

遊手好閒

• 雲盤精靈 - 百度網盤、百度雲資源搜索引擎
• Pick a Vulnerability to Learn About

設計

• The Best Designs - Web Design Inspiration

圖標字體

• 有字庫-首頁-全球第一中文web font（在線字體）服務平臺、web font、webfont、在線字體、網絡字體
• Google Fonts
• Fontmin - 字體子集化方案
• Typicons圖標
• Iconfont-阿里巴巴矢量圖標庫

數據庫

• SELECT basics/zh - SQLZOO