前端工程师和设计师必读文章推荐【系列三十五】
《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来，历经五年半，总共发布了30多期。今天这篇是2017年第1期（总第35期），希望你能在这里发现有用的资料。
梦想天空专注前端开发技术，分享提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。
HTML5 & CSS3
- Swiper – 经典的移动触摸滑块插件【免费】
- Kickoff - 创造可扩展的，响应式的网站
- 16种基于 CSS3 & SVG 的创意的弹窗效果
- BookBlock - 效果非常真实的书本翻页预览
- 很赞的效果！互动的页面元素拖放着色实验
- SVG Drawing Animation - SVG 绘制动画
- Filter Effects - 使用 CSS3 滤镜处理图片
- Space.js – HTML 驱动的页面 3D 滚动效果
- Primer – 支撑 GitHub 的 CSS 工具包和准则
- 赞！15个来自 CodePen 的酷炫 CSS 动画效果
JS 框架和工具
- Electron - 创建跨平台的桌面客户的应用程序
- Lazyr.js – 延迟加载图片（Lazy Loading）
- Rainyday.js – 使用 JavaScript 实现雨滴效果
- 6to5 – 让你即刻体验 ECMAScript 6 编程
- Dom Animator – 提供 Dom 注释动画的 JS 库
- Awesomplete - 零依赖的简单自动完成插件
- T3 - 构建大型 Web 应用的 JavaScript 框架
- Restive.js – 轻松让网站变成响应式和自适应
- BasicModal - 简单易用的现代 Web App 弹窗
- Mega Dropdown - 带子分类的响应式下拉菜单
网站素材
- EventRay UI Kit – Web & Mobile 的素材
- 基于 Bootstrap 的响应式后台管理面板
- 1001Freedownloads – 免费下载海量素材
- 免费的 Photoshop Apple Watch 原型设计素材
- 错误的艺术！20个创意的404错误页面设计
- 20个最新的照片 PS 技巧，提升摄影水平
实用工具
- Pexels Videos – 可以免费商业使用的短视频
- Dropplets – 极简的 Markdown 博客平台
- Click Magick – 下一代点击跟踪和链接管理
- Ratatype - 在线打字教程，提高打字速度
- Slides - 在线制作效果精美的幻灯片（PPT）
同系列文章
- 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 前端开发人员和设计师必读文章推荐【系列三十】
- Web 前端开发人员和设计师必读文章推荐【系列三十一】
- Web 前端开发人员和设计师必读文章推荐【系列三十二】
- Web 前端开发人员和设计师必读文章推荐【系列三十三】
- Web 前端开发人员和设计师必读文章推荐【系列三十四】
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
2014-03-28 PintJS – 轻量，并发的 GruntJS 运行器
2014-03-28 全球酷站秀：15个顶尖的 CSS3 网站作品
2013-03-28 超级绚丽的自定义演示文稿和滑块 – Bespoke.js
2013-03-28 经典网页设计：20个新鲜出炉的 HTML5 网站
2012-03-28 《JavaScript 每周导读》【第一期】
2011-03-28 Web开发人员常用速查手册