Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十五】

　　《Web 前端开发精华文章推荐》2013年第三期（总第十五期）和大家见面了。梦想天空博客关注 前端开发技术，分享各种增强网站用户体验的 jQuery插件，展示前沿的 HTML5和 CSS3技术应用，推荐优秀的 网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。

JavaScript

• 网站开发必备：12款响应式 Lightbox 效果插件

• 构建杀手级应用的 JavaScript 框架、工具和技术

• 分享史上最全的浏览器 CSS & JS Hack 手册

• Zepto.js – 为现代浏览器而生的轻量级 JavaScript 库

• 实现绚丽的自定义风格滚动条 – Perfect Scrollbar

• 使用 ThreeSixty 创建可拖动的 360 度全景图片预览效果

• Conditioniz – 探测浏览器并条件加载 JavaScript 和 CSS

• Hook.js – 在传统网页上实现手机中的下拉刷新效果

• Formula.js – 实现 MS Excel 公式的 JavaScript 工具库

• 今日推荐：使用 Intro.js 创建绚丽的分步指南效果

• Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query

• Textillate.js – 实现动感的 CSS3 文本动画的简单插件

jQuery

• 2012年最有用的50款 jQuery 插件集锦——《网页布局篇》

• 2012年最有用的50款 jQuery 插件集锦——《表单篇》

• 2012年最有用的50款 jQuery 插件集锦——《导航篇》

• 精心推荐：20款优秀 jQuery Accordion（手风琴）特效插件

• Lazy Line Painter – 很有趣的 jQuery 路径动画插件

• 令人印象深刻的 jQuery 模态框插件 – iLightBox

• 使用 jQuery Deferred 和 Promise 创建响应式应用程序

• 实现 Amazon 超快反应速度下拉菜单的 jQuery 插件

• Spoiler Alert – 实现内容模糊隐藏效果的 jQuery 插件

• jPanelMenu – 创建面板风格菜单的 jQuery 插件

• Unslider – 轻量的响应式 jQuery 内容滑块插件

• Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件

HTML5

• 10个让人眼花缭乱的 HTML5 和 JavaScript 效果

• 未来的Web：让你惊叹的 Chrome 浏览器实验项目

• 年度盛宴——2012年最经典的10款 HTML5 游戏

• 分享我收集的8个惊艳的 HTML5 和 JavaScript 特效

• 网页技术革命：10个让你忘记 Flash 的 HTML5 应用演示

• 网页技术革命：精美绝伦的 HTML5 个人作品集网站

• 2012年排名前20的 HTML5 应用和网站设计作品

• 走进HTML5：20个惊艳的 HTML5 Canvas 应用试验

• Web Lab——鼓舞人心的谷歌 Chrome 实验室

CSS3

• 前端笔记：帮助你美化网站的10+实用 CSS3 技巧

• CSS3 经典教程系列：CSS3 RGBA 用法详解

• CSS3 经典教程系列：CSS3 盒阴影（box-shadow）详解

• CSS3 经典教程系列：CSS3 阴影（text-shadow）详解

• CSS3 经典教程系列：CSS3 圆角（border-radius）详解

• CSS3 经典教程系列：CSS3 线性渐变（linear-gradient）

• CSS3 经典教程系列：CSS3 径向渐变（radial-gradient）

• 前端文摘：最全的 CSS2.1 和 CSS3+ 的区别一览

• 年度盛宴：2012年排名前20位的 CSS 网站作品

网页设计素材

• 10套华丽的 Windows 8 Metro 风格图标【2000+免费图标】

• 【推荐收藏】10个获取免费网页背景纹理的最佳网站

• 网页素材精品：一组五彩缤纷的免费矢量背景素材

• 分享20套精美的免费分页按钮 PSD 源文件

• 今日推荐：2068个开源的网站模板【免费下载】

• 让你的工作变轻松的一套免费的 iPhone 手势图标

• 特别推荐：15个精美 Metro UI 风格 WordPress 主题

• Flat UI – 基于 Twitter Bootstrap 的扁平风格 UI 工具包

• 『精品素材分享』15套极好的高质量免费纹理

网页设计欣赏

• 前沿视点：2013年最值得关注的网页设计流行趋势

• 在网页设计中使用纹理传递氛围——附完美案例

• 《实用技巧》——让你的网站变成响应式的3个简单步骤

• 谈谈构建单页布局网站的创意技术——附优秀案例

• 网站设计欣赏：20个另类的单页网站作品案例

• 经典网页设计：20个简约风格的电子商务网站

• 流行趋势：27个引领时尚的网页设计作品【上篇】

• 流行趋势：27个引领时尚的网页设计作品【下篇】

• 经典网页设计：20个精美的国外单页网站作品

网页设计案例

• 经典网页设计：超炫的动画效果单页网站设计

• 经典网页设计：20佳很酷的个人网站设计案例

• 2012年最佳25个响应式网站设计作品《上篇》

• 2012年最佳25个响应式网站设计作品《下篇》

• 经典案例分享：20个创新的用户界面设计

• 赞！20佳优秀的国外响应式设计网站作品

• 经典网页设计：激发你灵感的20个多彩的网页作品

• 优秀案例：20个销售顶级名鞋的电子商务网站

• 经典网站设计：10个独具创意的网站头部设计示例

英文字体资源

• 字体大宝库：25款很好看的液晶数字字体下载

• 字体大宝库：最新25款免费的英文 3D 字体下载

• 字体大宝库：25款很好看的手写字体下载

• 免费字体大宝库：16款燃烧的火焰效果英文字体

• 年度榜单：2012年最流行的28款免费英文字体素材

• 高品质免费字体集锦：25款英文艺术字体下载

• 字体大宝库：10款有趣的精美节日字体下载

• 新鲜出炉：2012年度最好看的英文字体免费下载

• 精品英文字体：20款免费的的圣诞节艺术字体

实用工具分享

• OverAPI.com – 史上最全的开发人员在线速查手册

• 前端文摘——网页图片优化的实用工具和技巧分享

• Debuggex – 超好用的正则表达式可视化调试工具

• 实用锦囊：推荐一款很棒的响应式网页测试工具

• 《hhhhold.com》 – 很好玩的随机占位图片生成工具

• Docverter – 文本文件轻松转换为 PDF，Docx 和 ePub 文件

• modern.IE – 微软发布的 IE 兼容性测试工具和资源

• Profound Grid：实现固定和流动布局的响应式网格系统

• Groundwork：响应式 HTML5，CSS & JavaScript 工具包

前端开发进阶

• 那些帮助你成为优秀前端工程师的讲座——《JavaScript篇》

• 那些帮助你成为优秀前端工程师的讲座——《CSS篇》

• 那些帮助你成为优秀前端工程师的讲座——《基础篇》

• 那些帮助你成为优秀前端工程师的讲座——《性能篇》

• 那些帮助你成为优秀前端工程师的讲座——《测试篇》

• 那些帮助你成为优秀前端工程师的讲座——《Web 应用篇》

• 那些帮助你成为优秀前端工程师的讲座——《移动开发篇》

• 干货集锦——前端大牛 Addy Osmani 的15个精彩PPT

• 如何给网站瘦身？图文并茂的前端性能优化指南

同系列文章

• Web前端开发人员和设计师必读文章推荐【系列一】

• Web前端开发人员和设计师必读文章推荐【系列二】

• Web前端开发人员和设计师必读文章推荐【系列三】

• Web前端开发人员和设计师必读文章推荐【系列四】

• Web前端开发人员和设计师必读文章推荐【系列五】

• Web前端开发人员和设计师必读文章推荐【系列六】

• Web前端开发人员和设计师必读文章推荐【系列七】

• Web前端开发人员和设计师必读文章推荐【系列八】

• Web前端开发人员和设计师必读文章推荐【系列九】

• Web前端开发人员和设计师必读文章推荐【系列十】

• Web前端开发人员和设计师必读文章推荐【系列十一】

• Web前端开发人员和设计师必读文章推荐【系列十二】

• Web前端开发人员和设计师必读文章推荐【系列十三】

• Web前端开发人员和设计师必读文章推荐【系列十四】

本文链接：Web 前端开发人员和设计师必读文章【系列十四】

文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

转载于:https://blog.51cto.com/lihongbo/1364623