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

我就是我 2022-03-31 05:44 143阅读 0赞

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

### HTML5 & CSS3 ###

*  [使用 CSS3 实现超炫的 Loading（加载）动画效果][CSS3 _ Loading][  
    ][Link 3]
 *  [Myth – 支持变量和数学函数的 CSS 预处理器][Myth _ _ CSS][  
    ][Link 4]
 *  [inuit.css – 基于 Sass 的强大，可扩展的 CSS 框架][inuit.css _ _ Sass _ CSS]
 *  [Dynatable – 基于 HTML5 & jQuery 的交互表格插件][Dynatable _ _ HTML5 _ jQuery]
 *  [优秀前端教程：打造动感的立体效果进度按钮][Link 5]
 *  [CSS 魔法系列：纯 CSS 绘制各种图形《系列六》][CSS _ CSS]
 *  [10个实用的 CSS3 按钮效果制作教程][10_ CSS3]
 *  [heX——基于 HTML5 和 Node.JS 开发桌面应用][heX_ HTML5 _ Node.JS]
 *  [Skytte：一款令人印象深刻的 HTML5 射击游戏][Skytte_ HTML5]
 *  [使用 CSS3 动感的图片标题动画效果【附源码下载】][CSS3 1]
 *  [Ionic – 强大的 HTML5 Mobile App 开发框架][Ionic _ _ HTML5 Mobile App]
 *  [学习制作精美 CSS3 按钮效果的10个优秀教程][CSS3 _10]
 *  [So Easy！让开发人员更轻松的工具和资源][So Easy]

### JavaScript ###

*  [Web 开发人员不能错过的 jQuery 教程和案例][Web _ jQuery]
 *  [Adaptive Backgrounds – jQuery 自适应背景插件][Adaptive Backgrounds _ jQuery]
 *  [jQuery Label Better – 友好的表单输入框提示插件][jQuery Label Better _]
 *  [【特别推荐】几款极好的 JavaScript 下拉列表插件][JavaScript]
 *  [Feathers JS – 基于 Express 构建数据驱动的服务][Feathers JS _ _ Express]
 *  [Node.app – 用于 iOS App 开发的 Node.js 解释器][Node.app _ _ iOS App _ Node.js]
 *  [Headroom.js – 快速响应用户的页面滚动操作][Headroom.js _]
 *  [IE 浏览器各个版本 JavaScript 支持情况一览表][IE _ JavaScript]
 *  [Echo.js – 简单易用的 JavaScript 图片延迟加载插件][Echo.js _ _ JavaScript]
 *  [【干货分享】Node.js 中文学习资料和教程导航][Node.js]
 *  [OriDomi – 像折叠纸张一样折叠 DOM 元素][OriDomi _ _ DOM]
 *  [Harp – 内置常用预处理器的静态 Web 服务器][Harp _ _ Web][  
    ][Link 6]
 *  [Koa – 更加强大的下一代 Node.js Web 框架][Koa _ _ Node.js Web][  
    ][Link 7]

### 精美素材 ###

*  [年度榜单：2013年最佳免费 PSD 设计素材揭晓][2013_ PSD]
 *  [分享245款高质量的图标素材【免费下载】][245][  
    ][Link 8]
 *  [你知道网页设计中最常用的15张图片素材吗？][15][  
    ][Link 9]
 *  [最新出炉：15套华丽的的扁平设计风格的图标][15 1]
 *  [圣诞礼物：分享几套漂亮的圣诞节 PSD 素材][PSD]
 *  [年度榜单：2013年最流行的15款免费英文字体][2013_15]
 *  [100款免费的圣诞节矢量图标素材（PSD & SVG）][100_PSD _ SVG]
 *  [触摸手势图标大全：48款触摸手势图标免费下载][48]
 *  [分享本年度最佳的15个 Photoshop 实例教程][15_ Photoshop]
 *  [2013年最新流行的响应式 WordPress 主题【下篇】][2013_ WordPress]
 *  [23套新鲜出炉的网站和手机界面 PSD 素材][23_ PSD]
 *  [15套漂亮的 PSD 格式的图标，不一样的视觉效果][15_ PSD]
 *  [12款好看的英文字体下载《可以免费用于商业用途》][12]

### 酷站欣赏 ###

*  [经典网页设计：关注用户体验的20个华丽网站][20][  
    ][Link 10]
 *  [经典网页设计：12个简约风格的网站作品][12 1]
 *  [国外酷站设计：15个带给你灵感的作品集网站][15 2][  
    ][Link 11]
 *  [创意的、精美的、有想法的着陆页面设计案例][Link 12]
 *  [优秀案例：12个精美的设计工作室 & 设计公司网站][12_ _]
 *  [酷站欣赏：分享13个五彩缤纷的国外网站作品][13]
 *  [不一样的设计！20个国外优秀的电子商务网站][20 1]
 *  [优秀设计：12个带给你灵感的创意单页网站作品][12 2]
 *  [放松的周末，一起欣赏15个华丽的艺术品][15 3]
 *  [国外网站设计：25个小众的电子商务网站案例][25]
 *  [国外经典设计：13个漂亮的插画网站设计案例][13 1]
 *  [在网页中使用摄影图片作全屏背景的15个示例][15 4]

### 同系列文章 ###

*  [Web 前端开发人员和设计师必读文章推荐【系列一】][Web]
 *  [Web 前端开发人员和设计师必读文章推荐【系列二】][Web 1]
 *  [Web 前端开发人员和设计师必读文章推荐【系列三】][Web 2]
 *  [Web 前端开发人员和设计师必读文章推荐【系列四】][Web 3]
 *  [Web 前端开发人员和设计师必读文章推荐【系列五】][Web 4]
 *  [Web 前端开发人员和设计师必读文章推荐【系列六】][Web 5]
 *  [Web 前端开发人员和设计师必读文章推荐【系列七】][Web 6]
 *  [Web 前端开发人员和设计师必读文章推荐【系列八】][Web 7]
 *  [Web 前端开发人员和设计师必读文章推荐【系列九】][Web 8]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十】][Web 9]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十一】][Web 10]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十二】][Web 11]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十三】][Web 12]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十四】][Web 13]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十五】][Web 14]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十六】][Web 15]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十七】][Web 16]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十八】][Web 17]
 *  [Web 前端开发人员和设计师必读文章推荐【系列十九】][Web 18]
 *  [Web 前端开发人员和设计师必读文章推荐【系列二十】][Web 19]
 *  [Web 前端开发人员和设计师必读文章推荐【系列二十一】][Web 20]
 *  [Web 前端开发人员和设计师必读文章推荐【系列二十二】][Web 21]

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

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

本文来自【梦想天空（[http://www.cnblogs.com/lhb25/][Link 1]）】

[Link 1]: http://www.cnblogs.com/lhb25/
[jQuery]: http://www.cnblogs.com/lhb25/category/277997.html
[HTML5]: http://www.cnblogs.com/lhb25/tag/HTML5/
[CSS3]: http://www.cnblogs.com/lhb25/category/146075.html
[Link 2]: http://www.cnblogs.com/lhb25/category/279316.html
[CSS3 _ Loading]: http://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html
[Link 3]: http://www.cnblogs.com/lhb25/p/hyper-useful-ready-to-use-html5-snippets.html
[Myth _ _ CSS]: http://www.cnblogs.com/lhb25/p/myth-with-variables-and-math-functions.html
[Link 4]: http://www.cnblogs.com/lhb25/p/super-useful-tools-for-css-coding.html
[inuit.css _ _ Sass _ CSS]: http://www.cnblogs.com/lhb25/p/scalable-sass-based-css-framework.html
[Dynatable _ _ HTML5 _ jQuery]: http://www.cnblogs.com/lhb25/p/dynatable-interactive-table-plugin-with-jquery-html5.html
[Link 5]: http://www.cnblogs.com/lhb25/p/flat-3d-progress-button-styles.html
[CSS _ CSS]: http://www.cnblogs.com/lhb25/p/css-and-css3-shapes-d.html
[10_ CSS3]: http://www.cnblogs.com/lhb25/p/css3-button-tutorials.html
[heX_ HTML5 _ Node.JS]: http://www.cnblogs.com/lhb25/p/using-html5-and-nodejs-develop-desktop-app.html
[Skytte_ HTML5]: http://www.cnblogs.com/lhb25/p/skytte-an-impressive-html5-shoot-game.html
[CSS3 1]: http://www.cnblogs.com/lhb25/p/image-caption-animations-with-css3.html
[Ionic _ _ HTML5 Mobile App]: http://www.cnblogs.com/lhb25/p/html5-framework-for-mobile-apps.html
[CSS3 _10]: http://www.cnblogs.com/lhb25/p/10-css3-button-tutorials.html
[So Easy]: http://www.cnblogs.com/lhb25/p/free-tools-and-resources.html
[Web _ jQuery]: http://www.cnblogs.com/lhb25/p/must-see-examples-of-jquery-tutorials.html
[Adaptive Backgrounds _ jQuery]: http://www.cnblogs.com/lhb25/p/adaptive-backgrounds-jquery-plugin.html
[jQuery Label Better _]: http://www.cnblogs.com/lhb25/p/label-your-form-inputs-with-jquery-label-better.html
[JavaScript]: http://www.cnblogs.com/lhb25/p/form-enhanced-with-javascript-three.html
[Feathers JS _ _ Express]: http://www.cnblogs.com/lhb25/p/feathers-js-data-driven-services-with-express.html
[Node.app _ _ iOS App _ Node.js]: http://www.cnblogs.com/lhb25/p/node-app-node-js-for-ios-native-apps.html
[Headroom.js _]: http://www.cnblogs.com/lhb25/p/headroom-js-react-to-the-users-scroll.html
[IE _ JavaScript]: http://www.cnblogs.com/lhb25/p/ie-javascript-compatibility.html
[Echo.js _ _ JavaScript]: http://www.cnblogs.com/lhb25/p/echo-js-image-lazy-loading-plugin.html
[Node.js]: http://www.cnblogs.com/lhb25/p/node-js-tutorials.html
[OriDomi _ _ DOM]: http://www.cnblogs.com/lhb25/p/folds-up-dom-elements-like-paper.html
[Harp _ _ Web]: http://www.cnblogs.com/lhb25/p/harp-static-web-server-with-built-in-preprocessors.html
[Link 6]: http://www.cnblogs.com/lhb25/p/must-have-chrome-extensions-for-developers.html
[Koa _ _ Node.js Web]: http://www.cnblogs.com/lhb25/p/koa-expressive-middleware-for-node-js.html
[Link 7]: http://www.cnblogs.com/lhb25/p/custom-web-font-and-icons-generator.html
[2013_ PSD]: http://www.cnblogs.com/lhb25/p/best-free-psds-of-2013.html
[245]: http://www.cnblogs.com/lhb25/p/245-high-quality-free-to-download-icons.html
[Link 8]: http://www.cnblogs.com/lhb25/p/10-beautiful-wedding-invitation-websites-template.html
[15]: http://www.cnblogs.com/lhb25/p/15-most-used-cliche-images-in-web-design.html
[Link 9]: http://www.cnblogs.com/lhb25/p/flat-portfolio-website-templates-html5-css3.html
[15 1]: http://www.cnblogs.com/lhb25/p/15-gorgeous-sets-flat-designed-icons.html
[PSD]: http://www.cnblogs.com/lhb25/p/free-christmas-related-psd.html
[2013_15]: http://www.cnblogs.com/lhb25/p/best-free-fonts-of-2013.html
[100_PSD _ SVG]: http://www.cnblogs.com/lhb25/p/free-download-100-christmas-vector-icons.html
[48]: http://www.cnblogs.com/lhb25/p/touch-gesture-icons-free-download.html
[15_ Photoshop]: http://www.cnblogs.com/lhb25/p/photoshop-tutorials-released-in-2013.html
[2013_ WordPress]: http://www.cnblogs.com/lhb25/p/2013-free-responsive-wordpress-themes-b.html
[23_ PSD]: http://www.cnblogs.com/lhb25/p/fresh-web-and-mobile-ui-kits-with-psd-files-b.html
[15_ PSD]: http://www.cnblogs.com/lhb25/p/fresh-and-free-icons-in-psd-format.html
[12]: http://www.cnblogs.com/lhb25/p/free-commercial-use-fonts.html
[20]: http://www.cnblogs.com/lhb25/p/20-gorgeous-websites-user-experience-in-mind.html
[Link 10]: http://www.cnblogs.com/lhb25/p/12-beautiful-mobile-app-websites.html
[12 1]: http://www.cnblogs.com/lhb25/p/minimalist-web-designs-for-your-inspiration.html
[15 2]: http://www.cnblogs.com/lhb25/p/15-inspiring-portfolio-designs.html
[Link 11]: http://www.cnblogs.com/lhb25/p/16-one-page-website-examples.html
[Link 12]: http://www.cnblogs.com/lhb25/p/creative-beautiful-designed-landing-pages.html
[12_ _]: http://www.cnblogs.com/lhb25/p/12-beautiful-design-agency-websites.html
[13]: http://www.cnblogs.com/lhb25/p/13-colorful-inspiring-websites.html
[20 1]: http://www.cnblogs.com/lhb25/p/25-ecommerce-websites.html
[12 2]: http://www.cnblogs.com/lhb25/p/13-inspiring-single-page-websites.html
[15 3]: http://www.cnblogs.com/lhb25/p/15-gorgeous-artworks.html
[25]: http://www.cnblogs.com/lhb25/p/ecommerce-websites.html
[13 1]: http://www.cnblogs.com/lhb25/p/13-beautiful-illustrated-websites.html
[15 4]: http://www.cnblogs.com/lhb25/p/17-web-designs-with-big-photography.html
[Web]: http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html
[Web 1]: http://www.cnblogs.com/lhb25/archive/2011/07/13/must-read-links-for-web-designers-and-developers-volume-2.html
[Web 2]: http://www.cnblogs.com/lhb25/archive/2011/08/31/must-read-links-for-web-designers-and-developers-volume-3.html
[Web 3]: http://www.cnblogs.com/lhb25/archive/2011/09/19/must-read-links-for-web-designers-and-developers-volume-4.html
[Web 4]: http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-5.html
[Web 5]: http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-6.html
[Web 6]: http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-7.html
[Web 7]: http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-8.html
[Web 8]: http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-9.html
[Web 9]: http://www.cnblogs.com/lhb25/archive/2012/06/19/must-read-links-for-web-designers-and-developers-volume-10.html
[Web 10]: http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-11.html
[Web 11]: http://www.cnblogs.com/lhb25/archive/2012/11/06/must-read-links-for-web-designers-and-developers-volume-12.html
[Web 12]: http://www.cnblogs.com/lhb25/archive/2013/02/25/must-read-links-for-web-designers-and-developers-volume-13.html
[Web 13]: http://www.cnblogs.com/lhb25/archive/2013/03/25/must-read-links-for-web-designers-and-developers-volume-14.html
[Web 14]: http://www.cnblogs.com/lhb25/archive/2013/04/23/must-read-links-for-web-designers-and-developers-volume-15.html
[Web 15]: http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-16.html
[Web 16]: http://www.cnblogs.com/lhb25/archive/2013/05/22/must-read-links-for-web-designers-and-developers-volume-17.html
[Web 17]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-18.html
[Web 18]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-19.html
[Web 19]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-20.html
[Web 20]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-21.html
[Web 21]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-22.html
[Web 22]: http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-23.html