前端精彩文章收集

发表于   |  

本文收集整理优秀的前端资源。方便随时查阅。

目录结构

Web前端常用参考手册

  1. w3chelpW3help.org是由国内多家关注Web标准的公司、团体、标准组织，及科研单位等共同创立的Web标准推广网站。
  2. CSS3参考手册
  3. caniuse browsersupport非常霸气，输入css属性可以查看该属性在各种浏览器下面的兼容性问题。
  4. overapi 超全Cheat Sheet网站，涵盖几乎所有主流开发语言及框架API与常用命令，工程师必备。
  5. Markdown 语法说明
  6. ECMAScript 5.1中文版
  7. http://w3c.github.io/html/

前端兼容性相关超级实用工具

优秀的前端技术博客

  1. w3cplus这是我经常去的一个Blog，感觉站长和其他维护改Blog的成员分享的技术和写的精彩文章，在这里我学到了很多，开拓了视野。在此感谢w3cplus。
  2. 张鑫旭BLOG张爷，就这么称呼吧。虽然未识其庐山正面目。但是风趣的写作风格和精彩的文章，对知识的探索和执着，都给人留下了深刻的影响。
  3. 梦想天空这个博客应该是前端程序员门的资源宝藏吧。
  4. 汤姆大叔的博客这是搜牛的同事推荐的。之前知道有这么一号牛人，只是其文章都没有好好地阅读过。就单单看了下首页，在这里肯定能学到很多js方面的知识。有空一定要好好读下。
  5. 司徒正美感觉博主在业界很低调，但是他写的博文，特别是js方面的文章真的好高调。就目前为止我印象最深了就是博主写的mass框架和博文
  6. javascript正则表达式。当然肯定是我关注的太少了，里面肯定有很多很多的干货的。
  7. 为之漫笔（李松峰）为之漫笔（李松峰），本博客专注于Web前后端技术、移动平台开发技术、交互设计和技术翻译。js圣经-《JavaScript高级程序设计》译者。
  8. 鬼群作品秀

CSS3系列

  1. CSS3 UI 库
  2. CSS3 属性详解学习CSS3很好的资源。w3cplus是一个致力于推广国内前端行业的技术博客。它以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文；其文章范围广泛，主要以css3、html5、Javascript和各类demo为主。
  3. Animate.css

Web前端问答社区

项目中碰到了问题，该去哪，谷歌、度娘不行的话，不妨试试以下网址，或许你就可以找到解决问题的办法。

  1. Ask.W3CPLUS社区！Ask.W3cplus社区是由W3CPLUS全体成员创建，主要目的为前端爱好者提供一个交流平台，欢迎大家在此提问和回复！
  2. stackoverflow是全球IT界最受欢迎的技术问答网站（更为准确的说，stackoverflow Stack Overflow 现在只是 Stack Exchange network 的子站点而已）之一，目前，其每月不重复的访问用户超过1600万；每月网页浏览量（PV）增长了近6倍，达到9500万。
  3. 德问尊德性，道问学，以致知。德问，编程领域的社交问答。帮您解答各类编程问题，交流与扩展专业知识及技能。
  4. 知乎知乎是一个真实的网络问答社区，社区氛围友好、理性、认真，连接了各行各业的精英。他们分享着彼此的专业知识、经验、见解，为中文互联网源源不断地提供高质量的信息。“在这里，发现更大的世界。”
  5. segmentfault这是一个专业面向开发者的技术问答社区，你可以在这里提出任何与开发相关的问题，并得到同行的解答和评价。
  6. w3cfuns是一个专注于web前端开发行业的综合性门户网站，以”互联网标准化”为目标，致力于推动前端开发在互联网的发展，通过众多专业的服 务形式，服务于中国互联网产业，以推动web标准在中国的发展。自创建以来吸引了众多web前端开发工程师的加盟，引领着中国互联网的标准化潮流。
  7. 传送之门这个网站应该还是在开发中。程序员专属于学习、休闲社区。收藏网页链接，轻松珍藏优秀资源,制作资源特辑，整理和分享精彩内容,发现兴趣爱好，生活远不只是编码
  8. CNode：Node.js专业中文社区
  9. stack overflow是全球IT界最受欢迎的技术问答网站（更为准确的说，Stack Overflow 现在只是 Stack Exchange network 的子站点而已）之一，目前，其每月不重复的访问用户超过1600万；每月网页浏览量（PV）增长了近6倍，达到9500万。
  10. quora 国外的知乎

Web前端网址导航

  1. UED网址导航
  2. web前端开发联盟
  3. 贤心-前端圈
  4. uxd123-前端设计导航
  5. 设计师网站导航优设网设计师网址导航为设计师提供ps教程、UI设计、素材下载、高清图库、配色方案、用户体验、网页设计等全方位设计师网站导航指引。每周更新及时，是优秀网页设计联盟（SDC）旗下最实用、最专业、最全面、最好用的设计师导航！
  6. 123.jser.us/
  7. 前端网址导航
  8. http://codingheroes.io/resources/

前端框架系列

  1. bootstrap大名鼎鼎!!!Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
  2. Bootstrap中文网翻译bootsrap，当然不仅仅只是bootstrap，还有其他优秀的前端框架。
  3. css解决方案这是为之将把项目中经常碰到的前端的问题整理成一套解决方案。非常实用。
  4. 支付宝的AliceAlice是漫游仙境的童话女神，是支付宝的样式解决方案，是一套精选的基于 CMD 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
  5. 国内优秀Web前端Javascript框架库汇总列表(会长期更新)
  6. NEC : 更好的CSS样式解决方案
  7. Google Polymer Webui
  8. 渴切-获取轻量级 响应css框架

前端性能系列

  1. 浏览器的工作原理：新式网络浏览器幕后揭秘
  2. PNG的秘密—— 一淘前端分享会

前端规范系列

  1. Google Javascript编程规范
  2. 揭秘wdl-微博交互规范的成长历程

前端兼容性系列

  1. 原创-IE6 PNG透明终极解决方案-打造W3Cfuns-IE6PNG最强帖
  2. inline-block 前世今生
  3. 那些年我们一起清除过的浮动
  4. 完美解决IE6不支持position:fixed的bug
  5. CSS的盒子模型（Box Model）

CSS系列

  1. 可用性更好的CSS隐藏文字技术(CSS图片替换文字)
  2. css解决方案
  3. html常用结构

JavaScript系列

  1. Javascript作用域原理
  2. javascript有关的10个怪癖和秘密
  3. JavaScript 秘密花园
  4. JavaScript库 解构 深入JavaScript库源代码，条分缕析，顿悟最优秀JavaScript库的核心机制

不可错过的网站推荐系列

  1. 腾讯2012年伦敦奥运会设计：前端项目回顾
  2. 国外的视差滚动效果

前端总结文章系列

  1. 十日谈
  2. 如何成为一名优秀的web前端工程师（前端攻城师）？

其它总结

  1. Web开发相关资源、网站、工具推荐

前端社区活动

  1. w3ctech
  2. 前端圈
  3. D2前端技术论坛
  4. WebRebuild
  5. HTML5梦工场

更新历史

2018-04-01

  • add 前端兼容性相关超级实用工具

2016-10-22

  • 文章简要修改
  • 添加文章目录结构