网站开发
开发工具
- 在线工具 - 程序员的工具箱
- 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
angular
node
游戏
- 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博客
工具库
动画
其他
- 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、html5、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
不务正业
设计
图标字体
- 有字库-首页-全球第一中文web font(在线字体)服务平台、web font、webfont、在线字体、网络字体
- Google Fonts
- Fontmin - 字体子集化方案
- Typicons图标
- Iconfont-阿里巴巴矢量图标库