2014年10月 下 前端资源分享

[hacke2]

JS

http://www.webhek.com/ways-css-javascript-interact/
5种你未必知道的JavaScript和CSS交互的方法

http://html5online.com.cn/articles/2013032401.html
鼠标与触摸设备

http://www.zhangxinxu.com/study/201406/svg-animation-pandora-improve.html
SVG潘多拉图形动画效果demo

https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
ECMAScript 6 New Support

http://www.laruence.com/2009/09/23/1089.html
深入理解JavaScript定时机制

http://swordair.com/javascript-minimum-time-interval/
JavaScript最小时间片

http://blogread.cn/it/article/6587?f=wb
谈谈页面停留时间

http://www.html-js.com/article/2328
React.js编程思想

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Pages/Obsolete_Pages/Obsolete_Pages/%E9%A0%90%E5%85%88%E5%AE%9A%E7%BE%A9%E7%9A%84%E5%87%BD%E6%95%B8/escape_%E5%92%8C_unescape_%E5%87%BD%E6%95%B8#userconsent#
escape 和 unescape 函數

http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html
用Javascript获取页面元素的位置

http://www.cnblogs.com/cloudgamer/archive/2009/01/06/1369979.html
JavaScript Tween算法及缓动效果

http://top.jobbole.com/15071/
JavaScript的诞生与死亡（双语字幕）

https://github.com/teambition/then.js/tree/master
thenjs JavaScript异步回调

http://www.html-js.com/article/A-day-to-learn-from-a-line-of-code-inside-the-JavaScript-study-JavaScript
从一行代码里面学点JavaScript

http://www.php100.com/html/program/html5/2013/0921/6218.html
HTML5 JavaScript实现图片文字识别与提取

http://blogread.cn/it/article/6642?f=wb
JavaScript 中的陷阱

http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html
浏览器内核与js引擎

http://ued.taobao.org/blog/2014/04/xtpl/
基于前后端分离的模版探索

http://sentsin.com/web/253.html
使用Chrome开发工具调试Canvas

http://www.infoworld.com/article/2838008/javascript/nginx-has-big-plans-for-javascript.html
Nginx has big plans for JavaScript

http://www.oc35.com/uc_interview.html
JS抽奖

http://yanhaijing.com/basejs/
JavaScript简易教程

http://flaviusmatis.github.io/plugins/
Handpicked Javascript Plugins

http://jsbin.com/nowuk/1/edit?html
js常见方法集合

http://www.planabc.net/2008/02/20/javascript_new_function/
详解new function(){}和function(){}()

http://www.zhangxinxu.com/wordpress/2013/07/jquery-%E5%8E%9F%E7%90%86-%E6%9C%BA%E5%88%B6/#userconsent#
jQuery诞生记-原理与机制

https://github.com/barretlee/javascript-multiple-download
JS多文件下载

http://qianliwei.com/QFocus/index.html#
undefined的插件
​

CSS

http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/#userconsent#
CSSOM视图模式(CSSOM View Module)相关整理

http://www.html5cn.org/article-6858-1.html
IE中的CSS3不完全兼容方案

http://www.html5tricks.com/demo/css3-responsive-paging/index.html#
纯CSS3响应式分页插件

http://www.cnblogs.com/2050/p/3409129.html
css3动画简介以及动画库animate.css的使用

http://www.w3cplus.com/css3/what-is-css-grid-layout.html
什么是网格布局

http://www.w3cplus.com/css3/how-to-enable-support-for-grid-layout-in-various-browsers.html
如何开启浏览器CSS Grid Layout功能

http://www.w3cplus.com/css3/line-base-placement-layout.html
网格单元格布局

http://www.w3cplus.com/content/css3-box-sizing
css3-box-sizing

http://wenku.it168.com/d_001336413.shtml
CSS进阶之路

http://bennettfeely.com/clippy/
clippy css图片样式工具

http://usablica.github.io/front-end-frameworks/compare.html
CSS FRONTEND FRAMEWORKS

http://responsive.vermilion.com/compare.php
响应式框架的比较

移动

http://www.chinaz.com/manage/2012/1128/283974.shtml
移动端webapp开发必备知识

http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html
zepto源码注释

http://www.imooc.com/learn/43
移动优先的跨终端 Web

http://www.zell-weekeat.com/support-for-older-browsers
如何创建支持低版本浏览器的响应式网站

kissyteam/kissy-mobile#3
触屏事件汇总

http://www.umindex.com/#userconsent#
友盟指数 - 设备指数以全新数据可视化方式呈现Android及iOS设备的相关数据

http://www.testwo.com/article/177
使用 chrome mobile emulation 来辅助 device 测试

http://wdm.taobao.com/pub2/publicos.htm
淘宝的无线数读，隔天更新，来自集团的90%app

http://5wilon.com/html/2014/shuji_0306/118.html
专访阿里前端工程师：淘宝移动Web开发那些事儿

http://demo.mobiscroll.com/select
https://github.com/fgnass/spin.js

http://code.google.com/p/mobiscroll/
安卓数字显示效果 spinner

http://www.zhangxinxu.com/wordpress/2012/10/html5-full-screen-api-firefox-chrome-difference/
HTML5全屏API在FireFox/Chrome中的显示差异

http://99jty.com/?p=1299
viewport双城记

http://www.zhangxinxu.com/wordpress/2012/10/new-pad-retina-devicepixelratio-css-page/
​视网膜New iPad与普通分辨率iPad页面的兼容处理​

实用

http://blog.jobbole.com/20604/
Vim 实用技术，第 1 部分: 实用技巧

http://blog.jobbole.com/78352/
Eclipse 常用快捷键 (动画讲解)

http://www.kankanews.com/ICkengine/archives/22630.shtml
git@osc(git)中team开发、fork和pull request的用法

http://blog.jobbole.com/57674/
超棒的 15 款 Bootstrap UI 编辑器

http://www.360doc.com/content/14/0401/10/176942_365396922.shtml
几个秒杀PPT的高大上的幻灯工具

http://www.html-js.com/article/2327
chrome调试工具常用功能整理

https://developer.mozilla.org/en-US/docs/Web/CSS/Tools
css tools

http://blog.mozilla.com.tw/posts/5589/editable-box-model-multiple-selection-sublime-text-keys-much-more-firefox-developer-tools-episode-31#userconsent#
淺談 Firefox 31 開發者工具

http://strut.io
在线制作Impress.js等基于WEB的PPT

http://www.html5tricks.com/8-unforget-html5-animation.html
分享8个难忘的HTML5炫酷动画及源码

http://jsfiddle.net/echo/jsonp/
回调JSONP

http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/#userconsent#
Chrome 开发工具 Workspace 使用

http://blog.jobbole.com/78291/
开发者不可不知的Google Chrome七大新特性

https://github.com/miaoyaoyao/AngularJs-UI
AngularJs分页

http://jasny.github.io/bootstrap/javascript/#rowlink
bootstrap 的插件

https://www.npmjs.org/package/traceur
ECMAScript 6 转5

http://www.html5tricks.com/demo/css3-batman-animation/index.html
HTML5/CSS3实现蝙蝠侠人物动画演示地址

http://wf.uisdc.com/cn/
WEB开发基础 — web开发最佳实践手册

http://kangax.github.io/compat-table/es6/#
ECMAEcript6兼容性手册

http://amazeui.org/
国产UI

http://jsperf.com/
jsPerf: JavaScript performance playground

http://www.codeceo.com/article/programmer-book-and-magz.html
程序员必读的书籍和期刊杂志

http://www.cnblogs.com/Franks_blog/archive/2010/05/26/1744173.html
常用前端开发工具合集

https://modao.io/
WEB APP原型在线设计

http://yun.baidu.com/tools?qq-pf-to=pcqq.group
百度云收藏

http://www.superslide2.com/demo.html
JQ常见效果插件

http://www.jsjtt.com/webkaifa/html5/2013-10-29/42.html
html5截屏

http://www.webhek.com/drawwindow/
JS截屏

http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
chrome profiles

http://linxz.github.io/tianyizone/
css小工具集合。

http://baike.baidu.com/view/3968.htm
Cygwin windows下操作git利器。

http://www.html5tricks.com/7-nice-jquery-plugins.html
7个经典创意jQuery应用插件及源码

http://bbs.html5cn.org/forum.php?mod=viewthread&tid=79048&extra=
实现CSS动画的工具和教程指南

http://www.webhek.com/misc/interactive-resume/#userconsent#
超炫酷的HTML5简历

知乎

http://blogread.cn/it/article/6567?f=wb
如何成为一名优秀的web前端工程师（前端攻城师）？

http://www.zhihu.com/question/20127472
JavaScript中圆括号() 和 方括号[] 的特殊用法疑问？
​
http://www.zhihu.com/question/19889770
知乎上有哪些 JavaScript 高手

http://www.zhihu.com/question/26014277
怎样拥有学霸那种一学就是十几个小时的精力？

http://www.zhihu.com/question/19556943
为什么淘宝这么成功，易趣却一败涂地？

http://www.zhihu.com/question/20246142
知乎上，前端开发领域有哪些值得推荐的问答？

http://www.zhihu.com/question/19969737
一些人瞧不起 jQuery 的理由是什么？

http://www.zhihu.com/question/20287740
Web 前端开发前景如何？

http://www.zhihu.com/topic/19550901
知乎前端标签

http://www.zhihu.com/question/19886046
Web 前端开发岗位，该选择百度还是腾讯？

http://www.zhihu.com/question/20238906
Web 开发的前端、后端的入门门槛是不是比较低？

http://segmentfault.com/q/1010000000727790
谈谈你对各种编程语言的看法
http://segmentfault.com/q/1010000000725223
GitHub应该放什么类型的代码?

http://www.zhihu.com/question/26058295
校招进 BAT 产品岗究竟多难？

http://www.zhihu.com/question/19819610
在 Mac 上进行开发比在 Windows 上效率更高吗？如何量化和比较这两个平台的开发效率

http://segmentfault.com/q/1010000000729671
作为一个IT人员是否必须有Macbook？

http://www.zhihu.com/question/19579212
产品经理应该如何正确处理老板不靠谱的需求？

http://www.zhihu.com/question/24693717
怎么从零开始学习 Python 语言编程？

http://www.zhihu.com/question/20252436
学习编程语言最好的方法是什么？

http://www.zhihu.com/question/26350691
阿里java校招本科生要求？自学没方向

http://www.zhihu.com/question/26187669
怎么判定web前端架构师的能力高低？

http://www.zhihu.com/question/26304098
买了kindle就一定会爱上读书吗？

http://zhuanlan.zhihu.com/imike/19878922
创业的首要问题

http://www.zhihu.com/question/21157664
为什么世界四大古代文明只有中华文明没有被毁灭？

http://www.zhihu.com/question/26026419
为什么滴滴打车都烧了几十亿却忍着不赚钱，背后的商业逻辑是什么?

http://www.zhihu.com/question/26187669
怎么判定web前端架构师的能力高低？

http://www.zhihu.com/question/22609639
云计算到底那家强？

http://www.zhihu.com/question/26226720
为什么前端不能一直做？难道要转行？？

http://www.zhihu.com/question/23512853
如何评价淘宝 UED 的 Midway Framework 前后端分离？

http://www.zhihu.com/question/23150301
一份优秀的前端开发工程师简历是怎么样的？

http://www.zhihu.com/question/19639471
遇到关注你薪资且会直接发问的老同学，怎么回答最合适？

http://www.zhihu.com/question/26228085
现在从事 Web 前端开发的高级工程师，想请问你们初入行时的战斗力如何？

http://www.zhihu.com/question/20790576
大公司里怎样开发和部署前端代码？

http://www.zhihu.com/question/19638115
知乎工程师们的开发环境是怎样的？​

综合

http://www.html-js.com/article/2313
一个对前端模板技术的全面总结

http://www.html5cn.org/article-6980-1.html
程序员编程的10个实用技巧

http://news.html5tricks.com/2014-programmer-salary.html#userconsent#
2014年程序员的工资有多高？你是否该跳槽了！

http://blog.jobbole.com/56673/
Web应用开发中的几个问题

http://www.codeceo.com/article/10-years-taobao-tech.html
淘宝的十年技术之路

http://top.jobbole.com/14753/
程序员必须知道的10个算法和数据结构有哪些？

http://news.html5tricks.com/alibaba-mayun-saying.html
阿里上市后首次员工讲话 马云说了啥？

http://www.codeceo.com/article/2015-baidu-offer.html
百度2015校园招聘面试题回忆录（成功拿到offer）

http://news.html5tricks.com/mayun-chuangye.html
马云：创业智慧！

http://www.html5cn.org/article-6982-1.html
老程序员：当编程成为你的第二职业

http://www.codeceo.com/article/computer-boot-process.html
计算机启动过程详解

http://www.iteye.com/news/22043
7本不错的HTML 5书籍推荐

http://blog.jobbole.com/46589/#userconsent#
有jQuery背景，该如何用AngularJS编程思想？

http://wenku.baidu.com/link?url=UYSMOXQajtKOlqxn7qUMyOXh9oSyiIQiXJ12hzP-nWrVZxAu-tmAm-JUdm1A47mCQyeu0P-YDv-6G7m3aaDslgkpOOl4nwjob_Lf7mo-XTq
D2-淘宝移动端Web开发实践

http://www.cnblogs.com/coco1s/p/4034937.html
BAT及各大互联网公司2014前端笔试面试题--Html,Css篇

http://www.cnblogs.com/coco1s/p/4029708.html
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇

http://cmsblogs.com/?p=1368#0-qzone-1-26860-d020d2d2a4e8d1a374a433f596ad1440
要扁平化，也要可用性

http://yuedu.baidu.com/ebook/43f627450722192e4436f641
中国顶尖技术团队访谈录

http://blog.jobbole.com/46589/#userconsent#
有jQuery背景，该如何用AngularJS编程思想？

https://github.com/justjavac/free-programming-books-zh_CN/blob/master/what-non-programming-books-should-programmers-read.md
“程序员应该阅读的非编程类书籍有哪些？”

http://www.vaikan.com/math-gifs/
21副GIF动图让你了解各种数学概念

http://blog.jobbole.com/48252/
我泡在GitHub上的177天

http://top.jobbole.com/15551/
几十种编程语言的快速入门教程

http://www.chinahrd.net/article/2013/03-21/85191-1.html
人人网的失败：抄袭不来的是灵魂

http://top.jobbole.com/15613/
github干货系列

系列

d2

snfed/attendance-records#4
参加2014 D2前端技术交流的一些感想和思考
moxiaohe/moxiaohe.github.io#2
记录10.25杭州D2前端技术论坛
http://segmentfault.com/blog/jiyinyiyong/1190000000742126
参加 D2 的这个周末
http://www.hacke2.cn/2014-10-d2/
2014.10.25 杭州D2行
snfed/attendance-records#5
勾三股四的感悟
http://www.cnblogs.com/jikey/archive/2010/12/21/1913113.html
第五届D2-豪情
http://hikejun.com/blog/2010/12/20/%E7%AC%AC%E4%BA%94%E6%AC%A1d2%EF%BC%8D%E5%85%B3%E6%B3%A8%E5%9C%A8%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E6%9E%B6%E6%9E%84/#userconsent#
第五次D2--张克军
https://github.com/snfed/attendance-records/issues
苏宁总结

规范

https://github.com/ecomfe/spec/blob/master/html-style-guide.md
HTML编码规范
https://github.com/ecomfe/spec/blob/master/css-style-guide.md#46-2d-%E4%BD%8D%E7%BD%AE
CSS编码规范
https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md
JAVASCRIPT编码规范
http://yuwenhui.github.io/
http://www.cnblogs.com/hustskyking/p/javascript-spec.html
前端编码规范之js
http://segmentfault.com/a/1190000000443795
最流行的PHP 代码规范
http://www.zhihu.com/question/20351507
http://www.cnblogs.com/tugenhua0707/p/3507957.html
AMD与CMD规范的区别
http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
KISSY 源码规范
https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md
php代码编写规范
http://codeguide.bootcss.com/
bt编码规范
https://github.com/Suxiaogang/Code_Guide
规范加强版。

CDN

http://lib.sinaapp.com/
http://open.bootcss.com/
http://libs.useso.com/
https://cdnjs.com/
http://openapi.baidu.com/wiki/index.php?title=docs/cplat/libs
https://developers.google.com/speed/libraries/?csw=1

验证

http://validform.rjboy.cn/demo.html
表单验证
http://code.ciaoca.com/jquery/validation_engine/demo/
https://github.com/posabsolute/jQuery-Validation-Engine
数字验证
http://www.gafish.net/archives/1527
表单验证规则
http://niceue.com/validator/demo/
https://github.com/niceue/validator
漂亮验证