2014年11月 下 前端资源分享

[hacke2]

js

http://segmentfault.com/a/1190000000355221
全栈式 JavaScript 介绍

http://www.html-js.com/article/2468
JavaScript Promise － 告别异步乱嵌套

http://www.imooc.com/wenda/detail/237604
web 另类方法实现“另存为”功能

http://bbs.csdn.net/topics/390938738
关于js中内存分配的一些疑惑

http://www.evget.com/article/2014/11/13/21815.html
盘点8款最小的JavaScript前端开发框架

http://www.shejidaren.com/how-to-learn-javascript.html
如何正确学习JavaScript

http://www.cnblogs.com/zztt/p/4098266.html
JavaScript 频繁发射事件处理的优化 --- 函数节流/事件稀释

http://www.cnblogs.com/horve/p/4092064.html
谈谈DOMContentLoaded：Javascript中的domReady引入机制

http://www.html-js.com/article/2418
使用原生JavaScript实现数据绑定

http://jser.me/2013/08/20/javascript%E7%9A%84%E5%87%A0%E7%A7%8D%E4%BD%BF%E7%94%A8%E5%A4%9A%E8%A1%8C%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E6%96%B9%E5%BC%8F.html
javascript的几种使用多行字符串的方式

http://caibaojian.com/iframe-adjust-content-height.html#userconsent#
iframe高度自适应内容

http://html-js.com/article/Forced-grid-programming-topics
审视co和展望ES7

http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/#userconsent#
JS滚轮事件(mousewheel/DOMMouseScroll)了解

http://segmentfault.com/blog/acwong/1190000001660292
Seajs 实践(一)—— 模块化 2048 游戏

http://www.cnblogs.com/rubylouvre/p/3990290.html
javascript 隐性类型转换步骤

http://segmentfault.com/blog/liangyi/1190000002361044
RequireJS:一款优秀的AMD模块加载器

http://blog.jobbole.com/64771/
JavaScript基础工具清单

http://prompt.ml/0
xss攻击比赛

CSS

http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html
CSS3那些不为人知的高级属性

http://www.cnblogs.com/acmilan/archive/2012/03/02/2377812.html
box flex 弹性盒模型

http://www.zhangxinxu.com/wordpress/?p=1338
CSS box-flex属性，然后弹性盒子模型简介

http://www.css119.com/archives/1605
CSS3盒模型display:box详解

http://www.w3cplus.com/css3/designing-css-layout-with-flexbox.html
Flexbox制作CSS布局易如反掌

http://www.w3cplus.com/blog/666.html
深入了解 Flexbox 伸缩盒模型

http://www.missyuan.net/school/web_2012/web_8338.html
CSS3实例教程：详解calc()函数功能

http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet
CSS制作图形速查表

http://www.feelcss.com/three-pure-css-to-achieve-the-triangle-method.html
三种纯CSS实现三角形的方法

http://www.elonglau.com/171.html
基于CSS3的WEBAPP横向滑动模式演化

http://www.cnblogs.com/xueming/archive/2012/03/21/VerticalAlign.html
利用vertical-align:middle实现在整个页面居中

http://www.zhangxinxu.com/wordpress/?p=3381
伪元素表单控件默认样式重置与自定义大全

http://aliceui.org/
支付宝样式解决方案

http://hxgdzyuyi.github.io/blog/chinese-subset.html
中文字体其实也可以用在网页上的

http://www.w3cplus.com/preprocessor/sass-bring-change.html#userconsent#
Sass带来的变革

http://www.cnblogs.com/top5/archive/2012/02/14/2351959.html
CSS3模拟各种图形

http://www.w3cplus.com/blog/tags/131.html#userconsent#
垂直居中

http://www.cnblogs.com/skylar/p/4106325.html
CSS3 Flexbox不迷路指南

http://blog.moocss.com/tutorials/html-css-tutorials/438.html
固定(Fixed) vs. 流动(Fluid) vs. 弹性(Elastic)：哪种布局更适合你？

http://www.imooc.com/wenda/detail/237236
5种你未必知道的JavaScript和CSS交互的方法

移动WEB

http://sc.chinaz.com/info/130410113358.htm
浅淡HTML5移动Web开发

http://www.w3cplus.com/css/safari-6-and-chrome-21-add-image-set-to-support-retina-images.html
image-set实现Retina屏幕下图片显示

http://developer.51cto.com/art/201309/410720.htm
WebKit最新特性srcset简介

http://mobile.51cto.com/web-444532.htm
WebApp开发技巧精华总结

http://www.imooc.com/wenda/detail/235401
HTML5语义标签的实践（blog页面）

综合

http://www.52ij.com/jishu/4255.html
Git 协议的分支作用

http://www.cnblogs.com/hustskyking/p/git-improve.html
git版本管理策略及相关技巧(A)

http://blog.csdn.net/superyan/article/details/41049473
一位创业者创业失败后，成功的做了一个创业孵化器!

http://weibo.com/p/1001603776207387757094
程序员真正的价值

http://lxshopping.blog.51cto.com/4542643/1574929
一次网站迁移故障及分析

http://www.cnblogs.com/hustskyking/p/git-improve.html
git版本管理策略及相关技巧(A)

http://www.imooc.com/wenda/detail/235696
你不可不知的10个Github功能

http://twitter.github.io/
twitter开源

http://www.yalewoo.com/git_https_password.html
Git使用https方式记住密码

http://www.w3cplus.com/css/front-end-web-development-quiz.html#userconsent#
Web前端开发测试题

http://blogread.cn/it/article/6901?f=wb
浏览器的重绘(repaints)与重排(reflows)

http://www.lukew.com/ff/entry.asp?1392
RESS: Responsive Design + Server Side Components

http://www.cnblogs.com/ctriphire/p/4116207.html
Chrome 控制台console的用法

作品

http://www.qimeiwu.com/dajiang/index.html#userconsent#
3D柱子展示

http://browser.qq.com/
QQ浏览器，很炫

http://runjs.cn/code/ws7x93sx
俄罗斯方块

http://baozipu.zhihu.com/#fkwct
这是一个美食家勇闯金融界的故事.

http://www.cnblogs.com/lhb25/p/html5-interview-questions.html
10个最常见的 HTML5 面试题及答案

知乎

http://www.zhihu.com/question/26573474
支付宝在 2014 年「双十一」期间的峰值处理交易速度达到每分钟 285 万笔，这在业内是怎样的一个水平

http://www.zhihu.com/question/25868625
有哪些神一般的实验设计？

http://www.zhihu.com/question/22146521/answer/20462433
前端大牛们都学过哪些东西？

http://www.zhihu.com/question/23748804
怎样在 GitHub 下收集 star?

资源

http://help.gitbook.io/editor/README.html
gitbook editor

http://read.douban.com/column/159479/
豆瓣前端专栏

http://www.browserstack.com/
吊炸天的一个测试网站，模拟任何计算机与浏览器

http://xpressive.org/
MAC 开发前端工具

https://www.flinto.com/
APP动态原型

http://apistore.baidu.com
apistore

系列

视差滚动

http://www.alloyteam.com/2014/02/optimized-articles-of-parallax-scrolling-love-story/
视差滚动的爱情故事之优化篇

http://www.nintendo.com.au/gamesites/mariokartwii/
马里奥赛车

http://www.alloyteam.com/2014/01/parallax-scrolling-love-story/
视差滚动的爱情故事

http://www.ok-studios.de/home/
只用两层