# 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
如何創建支持低版本瀏覽器的響應式網站
https://github.com/kissyteam/kissy-mobile/issues/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
https://github.com/snfed/attendance-records/issues/4
參加2014 D2前端技術交流的一些感想和思考
https://github.com/moxiaohe/moxiaohe.github.io/issues/2
記錄10.25杭州D2前端技術論壇
http://segmentfault.com/blog/jiyinyiyong/1190000000742126
參加 D2 的這個周末
http://www.hacke2.cn/2014-10-d2/
2014.10.25 杭州D2行
https://github.com/snfed/attendance-records/issues/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
漂亮驗證
- 目錄
- 如何提交
- 2014
- 2014-9
- 2014-10-上
- 2014-10-下
- 2014-11
- 2015
- 2015-3
- 2015-4-6
- 2015-7
- 2015-8
- 2015-9
- 2015-10
- 2015-11
- 2015-12
- 2016
- 2016-1
- 2016-2
- 2016-3
- 2016-4
- 2016-5
- 2016-6
- 2016-7
- 2016-8
- 2016-9
- 2016-10
- 2016-11
- 2016-12
- 2017
- 2017-01
- 2017-02
- 2017-03
- 2017-04
- 2017-05
- 2017-06
- 2017-07
- 2017-08
- 2017-09
- 2017-10
- 2017-11
- 2017-12
- 2018
- 2018-01
- 2018-02
- 2018-03
- 2018-04
- 2018-05
- 2018-09
- 2018-10
- 2018-11
- 2018-12
- 2019
- 2019-01
- 2019-02
- 2019-03
- 2019-04
- 2019-05
- 2019-06
- 2019-07
- 2019-08
- 2019-09
- 2019-10
- 2019-11
- 2019-12
- 2020
- 2020-01
- 2020-02
- 2020-03
- 2020-04
- 2020-05
- 2020-06
- 2020-07
- 2020-08
- 2020-09
- 2020-10
- 2020-11
- 2020-12
- 2021
- 2021-01
- 2021-02
- 2021-03
- 2021-04
- 2021-05
- 2021-06
- 2021-07
- 2021-08
- 2021-09
- 2021-10
- 2021-11
- 2021-12
- 2022
- 2022-01
- 2022-02
- 2022-03
- 2022-07
- 2022-08
- 2022-09
- 2022-10
- 2022-11
- 2022-12
- 2023
- 2023-01
- 2023-02
- 2023-03
- 2023-04
- 2023-06