技術細節 · 前端知識庫

### HTML - [html5 boilerplate](https://github.com/h5bp/html5-boilerplate) A professional front-end template for building fast, robust, and adaptable web apps or sites. ### CSS - [22個必須知道的css技巧](http://www.cnblogs.com/gredswsh/p/22-to-know-css-techniques.html) - [30個你必須熟記的CSS選擇器](https://code.tutsplus.com/zh-hans/tutorials/the-30-css-selectors-you-must-memorize--net-16048) - [All you need to know about CSS Transitions](https://blog.alexmaccaw.com/css-transitions) - [10 個原則讓動畫帶你飛](https://github.com/xitu/gold-miner/blob/master/TODO/smooth-css-animations.md) - [[譯] 一個健壯且可擴展的 CSS 架構所需的8個簡單規則](http://www.jianshu.com/p/0cc6780ced35) - [深入了解font-weight](https://aotu.io/notes/2016/11/08/css3fontweight/) - [激發靈感！ 26個令人印象深刻的純CSS構建的Web項目](http://www.jianshu.com/p/b321d1095106) - [理解Critical CSS](http://www.w3cplus.com/css/understanding-critical-css.html) - [響應式開發中合理選定CSS媒體查詢分割點](https://segmentfault.com/a/1190000007567739) - [提升你的CSS姿勢](https://segmentfault.com/a/1190000005775934) - [【CSS進階】CSS 顏色體系詳解](http://www.cnblogs.com/coco1s/p/5622534.html) - [激發靈感！ 26個令人印象深刻的純CSS構建的Web項目](http://www.jianshu.com/p/b321d1095106) - [148個資源讓你成為CSS專家](http://www.zcfy.cc/article/1057) - [前端CSS規范整理](http://www.biaodianfu.com/css-style-guide.html) - [CSS3實現10種Loading效果](http://www.cnblogs.com/jr1993/p/4622039.html) - [CSS3實現8種Loading效果【二】](http://www.cnblogs.com/jr1993/p/4625628.html) - [使用CSS3制作72個webapp圖標](http://www.cnblogs.com/jr1993/p/4671561.html) - [20條書寫 CSS 代碼的建議](http://www.jianshu.com/p/7a4947e12b85) - [css3 animation 屬性眾妙](https://aotu.io/notes/2016/11/28/css3-animation-properties/) - [【譯】60個有用CSS代碼片段](1190000002773955) - [【譯】下一代選擇器：CSS4](https://segmentfault.com/a/1190000002905411) - [百分百正確設置CSS斷點的方法](http://www.zcfy.cc/article/the-100-correct-way-to-do-css-breakpoints-free-code-camp-2083.html) ### JavaScript - [Javascript-sdk-design](http://sdk-design.js.org/) - [[譯] 手把手教你寫一個 Javascript 框架：執行調度](http://www.wemlion.com/2016/execution-timing/) - [7 ways how to define functions in JavaScript](http://gambardella.info/2016/05/11/how-to-define-functions-in-javascript/) - [setTimeout 與setInterval區別](https://zhuanlan.zhihu.com/p/23777903) - [如何打造一款屬于自己的 Visual Studio Code 顏色主題](http://morning.work/page/2016-11/how-to-make-vscode-color-theme.html?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io) - [js常規日期格式處理、月歷渲染、倒計時函數](http://www.jianshu.com/p/5f07f26b0716) - [JavaScript填坑史](https://segmentfault.com/a/1190000005710817) - [拋棄變量，編寫更加可讀的JavaScript代碼](http://www.zcfy.cc/article/339) - [重新介紹 JavaScript（JS 教程）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript) - [css3動畫監聽](http://azq.space/blog/css3-anm-addEventListener/) - [css預處理語言的模塊化實踐](http://www.jianshu.com/p/3461c1cefe5c) - [Javascript填坑史](http://damonare.github.io/2016/09/05/javascript%E5%A1%AB%E5%9D%91%E5%8F%B2) - [JavaScript 數組分組的實現](https://segmentfault.com/a/1190000007464770) ### 其它 - [關于URI URL URN](http://www.cnblogs.com/duanhuajian/p/3499129.html) - [二維碼的生成細節和原理](http://coolshell.cn/articles/10590.html)