前端学习资源罗列(转)

前言:

 站在巨人的肩膀上,确实能让我们看得更远。而我认为学习的不二法门就是不断模仿,但是一定要有自己的思考。拿来主义如果少了思考,就会变得毫无意义。以下列出一些前端优秀网站,大家自行取其精华,批判吸收。

  

学习站点资源

Adobe出的,Adobe其实是html5非常忠实的拥抱者。官方社区有非常多的html5资源 http://beta.theexpressiveweb.com/
can i use,非常好,谁用谁知道 http://caniuse.com/
前端观察站,腾讯的前端技术,挺有含金量 http://www.qianduan.net/
html5和css3开发,还是Adobe http://www.adobe.com/cn/devnet/html5.html
MDN,mozilla官方出品的HTML5资料库,我认为是地球上最好的前端资料库 https://developer.mozilla.org/zh-CN/
css3参考手册在线版,很全 http://css.doyoe.com/
前端网(W3Cfuns) - 前端开发工程师互动平台 //
站酷 (ZCOOL) - 设计师互动平 http://www.zcool.com.cn/
优设-UISDC: 优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网 http://www.uisdc.com/
html5 中国 http://www.html5cn.org/
web前端开发 http://www.css88.com/
前端乱炖 http://www.html-js.com/
博客园里面牛人不少。 http://www.cnblogs.com/
csdn .net 程序员 http://www.csdn.net/老大发的,感觉上面的内容真心不错 http://ourjs.com/

CSS3媒体查询(Media Query)

css3媒体查询官方文档 http://www.w3.org/TR/css3-mediaqueries/
css3媒体查询官方中文文档 http://www.w3.org/html/ig/zh/wiki/CSS3%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2
前端观察站的文章 http://www.qianduan.net/media-type-and-media-query.html

CSS3弹性盒模型(伸缩盒)

使用CSS弹性盒MDN https://developer.mozilla.org/zh-CN/docs/CSS/Tutorials/Using_CSS_flexible_boxes
官方的CSS弹性盒模型 http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans

viewport与设备自适应

CSS Device Adaptation官方文档 http://dev.w3.org/csswg/css-device-adapt/#the-atviewport-rule
ATA技术社区,viewport笔记 http://www.atatech.org/article/detail/12233/786

CSS3动画

CSS3 Animation http://www.w3cplus.com/content/css3-animation
CSS3动画在线测试工具(腾讯团队弄的)http://ecd.tencent.com/css3/tools.html
CSS3 Transitions, Transforms和Animation使用简介与应用展示 http://www.zhangxinxu.com/wordpress/2010/11/css3-transitions-transforms%E5%92%8Canimation%E4%BD%BF%E7%94%A8%E7%AE%80%E4%BB%8B%E4%B8%8E%E5%BA%94%E7%94%A8%E5%B1%95%E7%A4%BA/

JavaScript性能优化

Javascript高性能动画与页面渲染 http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
前端工程打开速度优化的循序渐进总结 http://www.cnblogs.com/zhengyun_ustc/archive/2013/05/09/frontendoptimize.html

用户体验

DIVCSS5 - DIV+CSS布局教程学习与CSS资源分享平台 http://www.divcss5.com/
FEX 做最专业的前端 http://fex.baidu.com/
GMU - mobile UI http://gmu.baidu.com/
IXDC-国际体验设计协会 | 引领中国交互设计行业发展 http://ixdc.org/
UEhtml设计师交流平台 网页设计 界面设计 http://www.uehtml.com/
UI设计_UI_UI设计师-Uimaker-专注UI设计 http://www.uimaker.com/
UI中国-专业界面设计平台 www.ui.cn/
畅游视觉设计中心 http://vc.changyou.com/

工具类

在线工具 —— 开源中国社区 view-source:http://tool.oschina.net/
Placehold.it-图片占位符 http://placehold.it/
CSS 图片拼合生成器-css_sprite http://cn.spritegen.website-performance.org/
  

阿里

Iconfont-阿里巴巴矢量图标库 http://iconfont.cn/
阿里巴巴(中国站)用户体验设计部博客 http://www.aliued.cn/
TaoBaoUED | 做地球上最好的 UED http://ued.taobao.org/blog/
一淘-UX-用户体验中心 http://ued.alimama.com/
  

百度

百度MUX http://mux.baidu.com/
百度搜索用户体验中心 | 创建搜索引擎的极致用户体验 http://vc.changyou.com/index.shtml
  

腾讯

TGideas-腾讯游戏官方设计团队 http://tgideas.qq.com/
腾讯CDC http://cdc.tencent.com/
腾讯ecd – 电商用户体验设计部 E-Commerce User Experience http://ecd.tencent.com/
腾讯ISUX – 社交用户体验设计 – Better Experience Through Design http://isux.tencent.com/
腾讯MXD移动互联网设计中心 http://mxd.tencent.com/
腾讯alloyteam http://www.alloyteam.com/

网易

网易用户体验设计中心 http://uedc.163.com/
网易nec-更好的CSS样式解决方案 http://nec.netease.com/
  

新浪

新浪UED | 一个关注用户体验、关注工作流、关注作品质量的有爱团队 http://ued.sina.com/
微博UDC | 让设计无“微”不至 http://udc.weibo.com/
  

强烈推荐的博客!

张鑫旭的个人博客_web前端技术文章 http://www.zhangxinxu.com/wordpress/ (让我学到了很多很多)
海玉 http://www.hicss.net/

来自博客园
/++/

http://whycss.com/ 这个网站罗列了很多前端网站,可以进去看看,感谢小伙伴的积极参与+++

PS:最后我希望别人如果有好的资源可以发评论,然后我加上去,让我们一起进步,一起加薪,一起愉快的撸代码。{:1_489:}

评论 ( 11 )
最新评论
snick 10F 2014-09-18 22:28:58 11F

smallni的网站。腾讯的一个前端er,貌似还是W3C,CSS标准组成员之一。他部落格http://www.smallni.com/半年没更新了,但应该还在腾讯。

lawrence 9F 2014-09-18 22:14:39 10F

啥意思?

snick 2014-09-18 20:36:35 9F

smallni's website!

lawrence 2014-09-18 04:06:10 8F

这个站你搞的?
侧边隐藏用小三角按钮好点?

风中小萌 2014-09-13 14:24:41 7F

  

redemon 2014-09-13 12:56:40 6F

  

yorky 2014-09-12 10:55:06 5F

好东西

quege 2014-09-09 22:23:45 4F

非常好,值得学习!

tianxiaofeng747 2014-09-06 18:44:22 3F

已加  谢谢参与

snick 2014-09-06 12:05:08 2F

http://whycss.com/挺多的,加上吧~~~

小佛爷13 2014-09-05 15:26:51 1F