今天有空就整理一些我学习前端开发技术时常看的一些网站,希望能够对刚接触前端开发的朋友们有所帮助。很多人不知道怎么学前端开发,这里的站点只要你都看过一遍,想必也能成个合格的前端工程师了。呵呵!
W3.ORG
W3.ORG是W3C的官方网站,做前端开发的朋友是一定要经常去看看的。理由我不想多说了,W3.ORG里的官方WEB标准文档如果你都没有认真看过,就不要说你熟悉什么WEB标准。初学者一定要多看看HTML和CSS的标准文档。
另外,刚开始学习HTML和CSS的同学们应该多用 HTML Validator 和 CSS Validator 验证一下自己的代码写得是否的规范。
ECMA-INTERNATIONAL.ORG
ECMA-INTERNATIONAL.ORG是 ECMA 的官方网站。之所以是前端同学必看的网站,就是应为 ECMAScript 262 规范就是这里组织发布的(其余版本的 ECMAScript 标准) 。学 JavaScript 这个网站没有看过,怎么都说不过去,你也就不要说什么精通 JavaScript 了。
MDN
MDN是 Mozilla 的的开发者网络的简称。我们知道 Mozilla 是著名的浏览器厂商,Firefox 这款著名的浏览器相信只要是做前端开发的朋友,一定都用过。而 Mozilla 的开发者网络里的关于HTML、HTML5、CSS、JavaScript和 DOM 的文档也是十分丰富,我觉得是一定不能错过的东西。
除了HTML、HTML5、CSS、JavaScript、DOM 几个主要的内容,MDN 还有:Canvas、SVG、WebGL、Video、Audio、Gradients、Transforms、
Transitions、Animations、Media Queries、AJAX、WebSockets、Offline Cache、Local Storage、IndexedDB、Geolocation、Drag & Drop、File API、Web Workers等等一系列的Web前端开发的相关资料。所以说你绝对不能错过MDN。
YDN
YDN是 YAHOO 的开发者网络的简称。YUI Library想必是从事前端开发的朋友都听说过和用过。YDN除了提供YUI应用库的资料,另外YUI Theater里面的前端开发相关的视频也是非常难得的资料。
当然,YUIBlog里的文章也是不容错过的好东西。除此之外 Exceptional Performance 里关于前端性能的资料也是不容错过的内容。YSlow for Firebug 就 Exceptional Performance Team 的研究成果。
HTML5研究小组
HTML5研究小组是由个人和企业HTML5开发者于2011年共同发起,是中国首个HTML5推广和交流的开放组织。于2012年2月正式加入W3C。
HTML5DEMOS
HTML5DEMOS可以检查HTML5标签在各浏览器的兼容性,同时你还可以查看各种HTML5的标准Demo演示。
Apple HTML5 DEMOS
Apple HTML5 DEMOS是苹果公司提供的HTML5演示站点,提供很多很绚丽的HTML5Demo演示。
HTML5 TEST
HTML5 TEST可以测试浏览器对HTML5的支持,并打分,可以知道你当前的浏览器对HTML5的支持情况如何,各种标签和组件的支持情况。
WHATWG BLOG
WHATWG BLOG是网络超文本应用技术工作小组(Web Hypertext Application Technology Working Group)的博客,就是负责HTML5规格的那群人。
HTML5 Doctor
HTML5 Doctor发表了许多文章,都是关于HTML5及其语义、及如何正确使用它的。他们也通过"询问医生"收集了很多问题,并在文章中予以回答,所有人都可从中受益。
CANIUSE.COM
CANIUSE.COM这是一个以表格制成的备忘单形式的单页面,描述了HTML5、CSS3、SVG及其他未来网络技术的特征。
HTML5 Gallery
HTML5 Gallery有两个主要目标,一个是展示用HTML5布局的网站,我们可以从中看到别人如何理解HTML5规格和如何应用它。第二是帮助学习HTML5、如何使用HTML5及如何应用HTML5。
HTML5 ROCKS
HTML5 ROCKS是一个提供HTML5各种功能演示的网站,提供各种HTML5的显示Demo。
HTML5 GAMES
HTML5 GAMES这个网站提供了大量的HTML5游戏资源,喜欢HTML5游戏的童鞋们,可以千万别错过哦。
DIVEINTOHTML5.COM
DIVEINTOHTML5.COM是一个HTML 5的文档资料网站,做得很出色。介绍的图片全是用了涂鸦的方式,很直观,很可爱的网站。
AJAXIAN
AJAXIAN.COM是了解Ajax相关资讯必看的一个网站了。
AJAXRAIN
AJAXRAIN有很多完美整合Ajax, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看。
DHTML GOODIES
DHTML GOODIES是一个收集了大量DHTML、Ajax脚本、Demo和教程的网站。脚本范围涵盖从导航菜单、窗口、日历到图片集合。
AJAX DADDY
Ajax DADDY收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个Ajax/Javascript实例应用在自己的网站上之前,你可以在它上面先看看效果演示。
DHTML SITE
你能从DHTML SITE找到大量游泳的Ajax及DHTML脚本及教程,脚本涵盖页面效果、工具技巧、拖拽式日历、窗口特效及图片集效果。
MINIAJAX
MINIAJAXMiniAJAX 是一个新生的网站,收集了少许 DHTML 和 Ajax 脚本, 它的代码片段风格非常实用。
DYNAMICDRIVE
DYNAMICDRIVE是JavaScript和 CSS资源网站,即使你是初学者,也能找到DHTML、Javascript、客户端脚本详细的指导。即使是现在我对JavaScript比较了解了,我还是时常到DYNAMICDRIVE看看,也会有新的收获的。推荐大家常逛逛!
JavaScript Kit
JavaScript Kit是最著名的提供 JavaScript 资讯的网站之一了。我从刚开始学JavaScript到现在都经常光顾,JavaScript Tutorials就是初学JavaScript的朋友不应该错过的。JavaScript Kit 还提供了丰富的免费JavaScript脚本供大家使用和学习研究所用。所以错过这里是你的损失啊!
SOLUOIRE
SOLUOIRE这个网站收集了相当多且很棒的javascript和Ajax的实例及教程. 还有很多 jQuery、Scriptaculous、mootools等Javascript框架。
AJAX中国
Ajax中国是一个专业的Ajax技术网站,分类清晰,有大量的电子版教程,以及Ajax源码下载。
AJAX MATTERS
Ajax MATTERS是关于 Ajax 技术一个信息量非常大的网站,有点像 Ajax 世界中的 TSS。
A LIST APART
ALISTAPART.COM是非常著名的 A List Apart Magazine 杂志的官方网站。按照A List Apart自己介绍的,这个网站是"For people who make websites",是我学习 Web 开发最喜欢的网站之一。里面的文章作者都是有着多年丰富经验的专家,所以文章的质量都非常高,一定要看的哦!
W3SCHOOLS
W3SCHOOLS应该是最适合出学习前端基础知识的网站之一了。如果你觉得W3.ORG的文档组织风格不太习惯,W3SCHOOLS是一个不错的替代网站,最新他好像授权中国的公司开发了一个中文版,W3SCHOOL.COM.CN,教程的内容现在是中文的了,对于刚开始学前端开发,而英文又不太好的朋友来说,这个网站应该是非常不错的选择了。
Max Design
Max Design是非常著名的Web设计网站之一。网站的教程文章相当的不错,讲解十分的细致。Float Tutorial便是我强烈推荐初学 CSS 的朋友必看的教程。看完这个教程,你就会完全的掌握CSS中关于浮动元素(Float Element)的相关知识。理解了Float之后,你会觉得HTML页面制作变得十分的轻松了。所有由于浮动导致的兼容行问题也都是小CASE了。
CSS Play
CSS Play应该是最著名的Web设计网站之一了。想学好CSS,学习CSS3的内容,CSS Play你是绝对不能错过的。
52CSS.COM
52CSS.COM是国内一个专注于CSS技术的站点,里面的文章都还不错,对于初学者来说是一个非常不错的CSS学习站点。
CSS ZenGarden
CSS ZenGarden是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式,却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台。
CSS Beauty
CSS Beauty这个网站是最新出炉的一个CSS陈列馆,和前面介绍的几个网站大同小异,也是采用缩略图的方式呈现,当然每个网站收集者的审美特征都不同,多一个地方无疑也给钟情于CSS设计的朋友多了一个选择,而且他们的更新很勤快。
Experience design – Forty
Experience design – Forty这里是我特别推荐的一个,前面的网站都收集了很多优秀的设计,符合"网页标准",可为什么这些网站符合"网页标准",到底这些网站好在哪里?除了外观之外,还有那些地方是需要设计者注意的?这里将带给你答案,每周一个案例分析,精彩纷呈。
UnmatchedStyle
UnmatchedStyle属于后起之秀,2009年5月成立至今,也收录了大量的优秀站点。而与前几个网站有所不同的是,他对说收录的网站进行了分类,诸如:商业,娱乐,个人等等,使得收集的内容对访问者更有针对性。
EJOHN.ORG
EJOHN.ORG是jQuery的开发者John Resig的个人网站。他的博客自然是像我这样的jQuery爱好者一定要看的了。
NCZONLINE
NCZONLINE.NET是前YAHOO首席前端工程师 Nicholas C. Zakas 的个人网站。是我最习惯的JavaScript牛人网站之一,Zakas 的网站还保持着不断的更新,想了解他对JavaScript的一些新的研究成果,一定要看看。
QUIRKSMODE
QUIRKSMODE.ORG是荷兰著名前端工程师 Peter-Paul Koch(PPK)的网站。他把他研究浏览器对CSS,JavaScript支持的统计信息表都发布在这里了,他做这个统计表应该是目前最全的了。想了解相关信息,这个网站是必看的。
JJG.NET
JJG.NET是Ajax之父 Jesse James Garrett的个人博客,是提供信息架构资源的网站中最受欢迎的一个。
国内各大UED团队博客
- 01. 淘宝UED
- 02. 19楼UED
- 03. 金蝶UED
- 04. 支付宝UED
- 05. 阿里巴巴UED
- 06. 阿里妈妈UED
- 07. 新浪UED
- 08. 网易UED
- 09. 百度UED
- 10. 搜狗UED
- 11. 携程UED
- 12. 搜狐UED
国内部分著名IT公司前端工程师的博客
- 01. 白鸦
- 02. 一叶千鸟
- 03. 臭鱼
- 04. 怿飞's Blog
- 05. PuterJam's Blog
- 06. Web前端开发–caihong.cc
- 07. 堂主
- 08. WEB前端开发
- 09. 样式之美——嗷嗷
- 10. yaohaixiao — 曾就职于阿里巴巴
- 11. 子叶
- 12. 子鼠
- 13. 随网之舞
- 14. 明城
- 15. Kejun-就职于豆瓣
- 16. Donkey(倔倔) — 就职于豆瓣
- 17. 蒙晨(波希米亚) — 就职于豆瓣
- 18. greengnn(老卡) — 就职于豆瓣
- 19. 糖伴西红柿 — 就职于豆瓣
- 20. Fenng — 曾就职于支付宝
- 21. sofish — 就职于支付宝
- 22. 62mm — 就职于支付宝
- 23. 伯约(老鱼) — 就职于支付宝
- 24. 玉伯(lifesinger) — 就职于淘宝
- 25. Der(崇志) — 就职于淘宝
- 26. 黑妞HAHA — 就职于淘宝
- 27. 飞长 — 就职于淘宝
- 28. Vilic — 曾实习于淘宝(很有前途的90后)
- 29. 秦歌(Kaven) — 就职于口碑网
- 30. Emu(Stone) — 就职于腾讯
- 31. Ghost — 就职于腾讯
- 32. Yuguo — 就职于腾讯
- 33. 艾文王 — 就职于腾讯
- 34. Danger — 就职于腾讯
- 35. 神飞 — 就职于腾讯
- 36. pufen(飘飘) — 就职于腾讯
- 37. 屈超 — 就职于腾讯
- 38. 米随随 — 就职于腾讯
- 39. 大猫 — 就职于腾讯
- 40. AVENIR(郑焕义) — 就职于腾讯
- 41. 李振文 — 就职于腾讯
- 42. OnLing — 就职于腾讯
- 43. Xiaoxiao — 就职于腾讯
- 44. Seven — 就职于腾讯
- 45. Lerroy — 就职于腾讯
- 46. 小李刀刀 — 就职于腾讯
- 47. 飞鱼 — 就职于腾讯
- 48. Jeanne — 就职于腾讯
- 49. 小JOE — 就职于腾讯
- 50. 偷米饭 — 曾就职于腾讯
- 51. 愚人码头 — 就职于搜道网
- 52. Adam Lu — 就职于新浪
- 53. 林小志 — 就职于携程
- 54. 小灰灰 — 就职于携程
- 55. smallni — 就职于携程
- 56. 彬Go — 就职于人人
- 57. Rokey — 曾就职于微软,网易,金山软件
- 58. Evance(布拉格) — 就职于阿里巴巴日本
- 59. 深空 — 就职于腾讯
- 60. 代码人(tomie) — 就职于腾讯
- 61. 小爝(龙啸) — 就职于淘宝
- 62. Aether — 就职于土豆网
- 63. 一葉千鳥 — 曾就职于盛大
- 64. 7月 — 就职于Adobe
- 65. 周裕波 — 就职于盛大创新院
- 66. 崔凯 — 就职于傲游
- 67. 勾三股四 — 就职于傲游
- 68. welefen — 就职于百度
- 69. kent.zhu — 就职于百度
- 70. slj(申力军) — 就职于赶集
- 71. JerryQu — 就职于百度
- 72. 胡晓 — 就职于网易
- 73. 5key — 就职于阿里巴巴
- 74. Adam — 就职于Yahoo