《Web 前端开发精华文章推荐》2013年第七期(总第十九期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
HTML5
- 特别推荐:14个支持响应式设计的流行前端开发框架
- 推荐25款很棒的 HTML5 开发框架和开发工具《上篇》
- Socket.IO – 基于 WebSocket 构建跨浏览器的实时应用
- Twitter Bootstrap 3.0 正式发布,更好地支持移动端开发
- HTML5 Maker – 在线轻松制作 HTML5 动画效果
- UIkit – 轻量级前端框架,帮助你快速构建 Web 界面
CSS3
- 你真的精通 CSS 了?来挑战一下 CSS 选择器测验吧
- Tridiv:基于 Web 的 CSS 编辑器,创建炫丽 3D 图形
- Codrops 优秀教程:实现效果精美的多层推拉菜单
- 优秀前端开发教程:超炫的 Mobile App 3D 演示
- 前端开发教程:使用 CSS3 Transforms 构建圆形导航
- 优秀前端教程:实现图片的形状遮罩和动画放大效果
JavaScript
- 推荐几款很棒的 JavaScript 表单美化和验证插件
- DalekJS – 基于 JavaScript 实现跨浏览器自动化测试
- SlimerJS – Web开发人员可编写 JS 控制的浏览器
- 小伙伴们惊呆了!10行 JavaScript 实现文本编辑器
- Chance – 功能强大的 JavaScript 随机数生成类库
- 构建杀手级应用的 JavaScript 框架、工具和技术
jQuery
- FancySelect – 更好用的 jQuery 下拉选择框插件
- jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
- jQuery Wheel Menu:实现漂亮的 Path 风格旋转菜单
- TwentyTwenty – 使用 jQuery 实现图片对比功能
- MixItUp:超炫!基于 CSS3 & jQuery 的过滤和排序插件
- Web 开发最有用的50款 jQuery 插件集锦——《综合篇》
精美素材
- 25套用于 Web UI 设计的免费 PSD 网页元素模板
- 向设计师分享30个免费的扁平化风格设计素材
- 精品资源:15个扁平化的移动设计套件免费下载
- 25款响应式,支持视网膜显示的 WordPress 主题
- Glyphish – 精心打造的 iPhone & iPad 应用程序图标
- File Type Icons – 免费扁平设计风格文件类型图标集
免费字体
- 设计师必备的30款好看的手写字体免费下载
- 字体大宝库:15款免费英文艺术字体下载
- 字体大宝库:20款好看的免费英文字体下载
- 字体大宝库:设计师必备的精美免费英文字体
- 字体大宝库:设计师必备的专业免费英文字体
- TypeWonder – 在任何网站上实时预览字体效果
- WhatFontIs – 字体百科全书,没有不认识的字体
网站设计欣赏
- 经典网页设计:30个极具吸引力的网页设计作品
- 经典网页设计:25个华丽的 CSS 网站作品案例
- 经典设计:30个另类的 404 not found 页面设计
- 经典网页设计:顶尖的个人作品集网站设计欣赏