读这些网站的源码，如果压缩可以忽略的情况下！
YUI、bootstrap、还有各种js库。
推荐几个专门用途的js库： http://bartaz.github.io/impress.js/#/bored
http://alloyteam.github.io/AlloyPhoto/docs.html#mutiThread
http://www.cnblogs.com/dennisit/archive/2013/04/20/3032837.html
负责任的网站前端都是经过压缩和合并的，没法阅读。
可以考虑阅读各种知名前端库的代码，和相应的示例代码，比如最近比较火的 bootstrap 之类的。
腾讯有好几个前端团队很不错的，可以去看下博客，网站方面腾讯游戏做的最炫了
1.最简单的一点，看到“帅气”的网站，通过浏览器的审查（查看源码）等功能，研究一下一些好的东西。我甚至会把一些网站页面全部搬到本地收藏
2.时不时的看看国内优秀的代码库，这里面一般都会更新一些优秀的前端代码。
3.Github.com 上也有不少的优秀开源项目，可以研究和参考。
4.推荐bootstrap等框架，个人感觉都不错
5.昨天一个朋友给我推荐了 pure css，还没有去看过，据说不错，比bootstrap轻便，也可以去看看哈。
6.cnblogs、CNSD上面也有很多这相关的内容，建议可以阅读一下
7.另外推荐 前端乱炖、前端观察等网站，都有不错的内容。
看到好的效果我都会去看看源码，比如QQ空间的长图滚动效果。如果针对特定功能，我习惯看豆瓣和知乎的。
因为网站很好，而且发展时间不算太长，冗余代码可能不算太多。虽然被混淆过，但是还是可以阅读的，看耐心和功力了。
格式化用chrome的dev tool就可以办到，底部"pretty print"按钮就可以搞定。
比如变量名虽然被缩略成单字母，但是可以看前后文，它获取了什么值、做了什么事情，就可以推测一下这个变量的含义。
刚开始读这样的代码会很痛苦，但是学习本身就不是简单的事情，多读一下就会找到技巧的，这样才能更好的进步。
我到是喜欢看国内几个大的网站，看一些地方人家是怎么写的，为什么这么写，这么写换成我这样写的的好与坏各是什么，哈哈，也是不错的学习方式。