分类：教程；效果；技巧；最佳实践 https://github.com/dleitee/valid.js 数据验证 http://code.tutsplus.com/tutorials/html5-mastery-scoping-rules--cms-24840 https://whatwebcando.today/ What Web Can Do Today Material design ripples with CSS https://ghinda.net/article/css-ripple-material-design/?utm_source=html5weekly& 涟漪~ How to animate "box-shadow" with silky smooth performance http://tobiasahlin.com/blog/how-to-animate-box-shadow/
http://segmentfault.com/a/1190000004029028 字符的编码 utf-8 等
http://animaticons.co/ gif动画icon http://una.im/lomo/ CSS filters and blend modes 的显示的介绍
Writing CSS on Growing Teams http://alistapart.com/blog/post/writing-css-on-growing-teams?utm_source=CSS-Weekly&utm_campaign=Issue-189& https://sarasoueidan.com/blog/svg-tips-for-designers/ https://medium.com/creative-business/why-is-it-so-hard-to-find-a-front-end-developer-cb92848a7c6f#.69879dled
Ten questions I’ve been asked, most more than once, over six technical JavaScript / Front-end Engineer job interviews.(专业的一些问题) https://www.reddit.com/r/javascript/comments/3rb88w/ten_questions_ive_been_asked_most_more_than_once/ jQuery Tips Everyone Should Know https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know/ Nodejs-制作命令行工具 http://jslite.io/2015/06/19/Nodejs-%E5%88%B6%E4%BD%9C%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7/
My first Service Worker https://adactio.com/journal/9775 SERVICE WORKERS: DYNAMIC RESPONSIVE IMAGES USING WEBP IMAGES http://deanhume.com/Home/BlogPost/service-workers--dynamic-responsive-images-using-webp-images/10132/ 让NASA(美国航空局)骄傲的 HTML&CSS http://workmanship.io The Making of the CSS-Tricks Logo Easter Egg Animation https://css-tricks.com/the-making-of-the-css-tricks-logo-easter-egg-animation/
什么是webview http://developer.telerik.com/featured/what-is-a-webview/
如何使用color 设计：https://medium.com/@JustinMezzell/how-i-work-with-color-8439c98ae5ed#.agi2b97k6 HTML5的五种客户端离线存储方案 http://segmentfault.com/a/1190000003965297 从理论到实践，全方位认识DNS（理论篇）http://segmentfault.com/a/1190000003956853 知其所以然之永不遗忘的算法 http://segmentfault.com/a/1190000003946392 程序员必知之前端演进史 http://segmentfault.com/a/1190000003973286
最全前端开发面试问题及答案整理 https://github.com/AutumnsWind/Front-end-questions-to-the-interview-stage 异步 JavaScript 进化史 http://zhuanlan.zhihu.com/FrontendMagazine/20322843 CSS （background）Contain&Cover的数学公式 riskers/blog#10
有了这个列表，程序员不愁没练手的小项目了 http://blog.jobbole.com/49762/ What makes a good lead programmer http://zhuanlan.zhihu.com/gu-yu/20232566 将图片装换成css（用的boxshadow） http://javier.xyz/img2css frontendhandbook http://www.frontendhandbook.com/ 在 content 属性上做动画 https://css-tricks.com/animating-the-content-property/ Things To Avoid When Writing CSS (Part 2) https://medium.com/@Heydon/things-to-avoid-when-writing-css-part-2-7639f0f6880d#.hv9djt7c1 听飞狐聊JavaScript设计模式系列03 http://segmentfault.com/a/1190000003929210 Web Storage 初探 http://segmentfault.com/a/1190000003936684 JQuery - Sizzle选择器引擎原理分析 http://segmentfault.com/a/1190000003933990 React Cheat Sheet http://reactcheatsheet.com/ Using PostCSS Together with Sass, Stylus, or LESS http://webdesign.tutsplus.com/tutorials/using-postcss-together-with-sass-stylus-or-less--cms-24591 Guide To Using WebP Images Today: A Case Study https://www.smashingmagazine.com/2015/10/webp-images-and-performance/ 浅谈 JS 对象之扩展、密封及冻结三大特性 http://segmentfault.com/a/1190000003894119 [你不知道的 JavaScript 类型和语法] 第一章：类型 http://segmentfault.com/a/1190000003888178 Lazy Loading Images on the Web 各种lazyload image 方案 http://developer.telerik.com/featured/lazy-loading-images-on-the-web/
Things To Avoid When Writing CSS https://medium.com/@Heydon/things-to-avoid-when-writing-css-1a222c43c28f#.9pfcpy76x Angled Edges with CSS Masks and Transforms https://viget.com/inspire/angled-edges-with-css-masks-and-transforms#When:12:26 BackstopJS 做响应式页面的测试框架（ 用Resemble.js, CasperJS, PhantomJS and SlimerJS） https://garris.github.io/BackstopJS/ How z-index Works http://bitsofco.de/how-z-index-works/ http://bitsofco.de/(其文章都不错的样子) Experimenting with Object.observe in JavaScript http://www.sitepoint.com/experimenting-object-observe-javascript-found-useful/ https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know An Introduction to Sprite Animation(图片精灵动画) http://eighthdaydesign.com/journal/sprite-animation 10 Interview Questions Every JavaScript Developer Should Know https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95#.26kolpa7d Immutable Data Structures and JavaScript http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript 传统 Ajax 已死，Fetch 永生 http://segmentfault.com/a/1190000003810652 corpuscss 一个sass写css框架，包含了很多东西 http://corpuscss.com/ SVG and the DOM, or "The Weirdest Bug I've Ever Encountered" 一些奇怪的bug https://ponyfoo.com/articles/weirdest-bug-ever 5 Ways to Make Your Site Rock on the Modern Web (…and Microsoft Edge too) http://www.noupe.com/design/5-ways-to-make-your-site-rock-on-the-modern-web-and-microsoft-edge-too-93307.html 连续的调浏览器宽度，右边会有比较有意思 http://zurb.com/playground/css-flip-book explore es6 在线电子书 http://exploringjs.com/es6/ speaking Javascript 在线电子书 http://speakingjs.com/es5/ 深入了解PostCss http://webdesign.tutsplus.com/tutorials/postcss-deep-dive-what-you-need-to-know--cms-24535 Use Cases For Css Calc 什么时候使用CSS Calc http://vincentp.me/blog/use-cases-for-calc/ Sass based CSS architecture and methodology http://docssa.info/ 可卡因 一些Sass 的 mixin 和 function https://github.com/bcinarli/caffeine
upup 关于离线存储的框架 https://www.talater.com/upup/ Dealing with long words in CSS https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/ Building an enterprice css framework https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/ Styling & Customizing File Inputs the Smart Way http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ Back to the :roots http://simurai.com/blog/2015/09/09/back-to-the-roots/ 微信开发学习路线 http://bss.csdn.net/m/topic/learning_path_weixin [译] 剖析responsive image riskers/blog#5 生成 favicon 的工具网站 http://www.generate-favicon.com/about 海豚-Web UI自动化测试工具 http://div.io/topic/1339 微软“机器学习”系列文章 http://www.msra.cn/zh-cn/research/machine-learning-group/default.aspx Deep Learning and Shallow Learning （机器）深入学习和浅的学习 http://freemind.pluskid.org/machine-learning/deep-learning-and-shallow-learning/ 七个对我最重要的职业建议（译文） （Nicholas C. Zakas）http://www.ruanyifeng.com/blog/2015/09/career-advice.html ES6 Number Improvements in Depth https://ponyfoo.com/articles/es6-number-improvements-in-depth ES6 的 Array.from(list) 可以转化成 array (等效于 Array.prototype.slice.call(list)) polyfill https://github.com/mathiasbynens/Array.from Most Developers Don’t Know How to Test https://medium.com/javascript-scene/what-every-unit-test-needs-f6cd34d9836d#.48gpqyenz
Jets.js Native CSS search engine http://nexts.github.io/Jets.js/ CSS 最核心的几个概念 http://www.jianshu.com/p/3a18fcd9fcda DevTools Tips For Sublime Text Users https://medium.com/google-developers/devtools-tips-for-sublime-text-users-cdd559ee80f8#.u1f7j6avj 「JavaScript」四种跨域方式详解 http://segmentfault.com/a/1190000003642057 FRONT-END PRINCIPLES FOR DESIGNERS http://jonyablonski.com/2015/front-end-principles-for-designers/ randexp.js Create random strings that match a given regular expression http://fent.github.io/randexp.js/ 10 Common Mistakes Web Developers Make http://www.sitepoint.com/10-common-mistakes-web-developers-make/ markdown 转化的库 https://github.com/netgusto/upndown matches selector https://webkit.org/blog/3615/css-selectors-inside-selectors-discover-matches-not-and-nth-child/ Understanding Critical CSS https://www.smashingmagazine.com/2015/08/understanding-critical-css/ 3d 进度条 http://codepen.io/rgg/full/QbRyOq/ Building A Circular Navigation with CSS Clip Paths https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/ Strategies for Cache-Busting CSS https://css-tricks.com/strategies-for-cache-busting-css/ The Hamburger Menu Doesn't Work http://deep.design/the-hamburger-menu/ The only menu you will ever need to kill the hamburger. https://github.com/lucidlemon/paradeiser [tool] cssnano A modular minifier, composed of single-responsibility PostCSS plugins. http://cssnano.co/ https://codyhouse.co/gem/animated-svg-hero-slider/ [幻灯片] 重拾 CSS 的乐趣（上） cssmagic/blog#52 移动时代的前端加密 http://div.io/topic/1220 42 个移动端启动页面优化 Tips http://www.oschina.net/translate/42-mobile-landing-page-optimization-tips 写给前端面试者(大漠) amfe/article#5 SVG图标在移动端的应用 http://ued.ctrip.com/blog/svg-icons-in-mobile-applications.html
AnyAPI （public api）https://any-api.com/ Introducing Backdrop Filters https://webkit.org/blog/3632/introducing-backdrop-filters/ IE安全系列：脚本先锋（3）http://www.infoq.com/cn/articles/InternetExplorer-Security5 New regular expression features in ECMAScript 6 http://www.2ality.com/2015/07/regexp-es6.html 安全工具合集 http://www.codefrom.com/t/%E5%AE%89%E5%85%A8%E5%B7%A5%E5%85%B7%E5%90%88%E9%9B%86 https://www.smashingmagazine.com/2015/07/designing-simple-pie-charts-with-css/ Advanced CSS filters http://iamvdo.me/en/blog/advanced-css-filters CSS vs. SVG: Graphical Text Effects（字的内容是背景图） http://blogs.adobe.com/dreamweaver/2015/07/css-vs-svg-graphical-text.html HTML 最佳实践 https://github.com/dyygtfx/html-best-practices Comprehensive Guide: When to Use Em vs. Rem http://webdesign.tutsplus.com/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984 position sticky: scroll-to-top-then-fixed in pure CSS http://thenewcode.com/1052/position-sticky-scroll-to-top-then-fixed-in-pure-CSS https://web-design-weekly.com/2015/07/21/creating-better-csss Skeleton-Sass Sass 项目结构 https://github.com/whatsnewsaes/Skeleton-Sass Why I use Tape Instead of Mocha & So Should You https://medium.com/javascript-scene/why-i-use-tape-instead-of-mocha-so-should-you-6aa105d8eaf4#.3k8yu82a4 Exploring ES2016 Decorators https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841#.6wrov67c7 Working with Shapes in Web Design https://css-tricks.com/working-with-shapes-in-web-design/ Fix scrolling performance with CSS will-change property http://fourkitchens.com/blog/article/fix-scrolling-performance-css-will-change-property Native CSS Scroll Snap Points https://blog.gospodarets.com/css-scroll-snap/ What a CSS Code Review Might Look Like https://css-tricks.com/what-a-css-code-review-might-look-like/ A Guide to the Front-End Interview Process http://ashleynolan.co.uk/blog/a-guide-to-front-end-interviews Pro tips for using scalable vector graphics http://www.creativebloq.com/web-design/discover-power-svg-61515291 Interoperable CSS:A CSS standard for the Loader Age http://glenmaddern.com/articles/interoperable-css Writing Good CSS http://speckyboy.com/2015/06/17/writing-good-css/ A Look at Some CSS Methodologies(OOCSS BEM 之类) http://sixrevisions.com/css/css-methodologies/ On writing real CSS (again) https://blog.colepeters.com/on-writing-real-css-again/ Everyone who tried to convince me to use modular CSS was wrong, including me. https://medium.com/@opudalo/everyone-who-tried-to-convince-me-to-use-modular-css-was-wrong-including-myself-28961f96f3c4#.sgs0ndf7j Writing a Non-blocking JavaScript Quicksort http://www.breck-mckye.com/blog/2015/06/writing-a-non-blocking-javascript-quicksort/ 前端架构 http://saito.im/note/The-Architecture-of-F2E/ js-smells http://elijahmanor.com/talks/js-smells/ Buffer's loading animation https://cssanimation.rocks/buffer/ Scally is a Sass-based, BEM, OOCSS, responsive-ready, CSS framework that provides you with a solid foundation for building reusable https://github.com/chris-pearce/scally JavaScript Functions and Helpers（Vanilla JS utilities for writing powerful web applications without jQuery.） cheatsheet https://plainjs.com/javascript/ css 生成工具（box shadow之类） http://www.cssreflex.com/css-generators/ In CSS, the Only Wrong Answers are Definitive Ones http://madewithenvy.com/ecosystem/articles/2015/css-definitive-answers Eric Meyer on the past, present and future of CSS http://www.creativebloq.com/web-design/eric-meyer-past-present-and-future-css-7126192 编写稳健、可维护和可扩展的 Sass http://sass-guidelin.es/zh/ Sass Burger sass写的汉堡包菜单 http://joren.co/sass-burger/ Build High-Performance HTML5 Cordova Apps with Crosswalk http://blogs.intel.com/evangelists/2015/05/12/build-high-performance-html5-cordova-apps-with-crosswalk/ Icons - Font, Inline SVG or Background SVGs ? http://blog.nparashuram.com/2015/05/icons-font-inline-svg-or-background-svgs.html http://mir.aculo.us/2014/10/31/icon-fonts-vs-inline-svg/ http://www.w3cplus.com/css3/icon-fonts-vs-svg.html 中文版 A Complete Guide to SVG Fallbacks https://css-tricks.com/a-complete-guide-to-svg-fallbacks/ 安全： An introduction to JavaScript-based DDoS https://blog.cloudflare.com/an-introduction-to-javascript-based-ddos/ Manage large-scale web projects with new CSS architecture ITCSS http://www.creativebloq.com/web-design/manage-large-scale-web-projects-new-css-architecture-itcss-41514731 函数式 CSS http://yanhaijing.com/css/2013/09/02/functional-css-fcss/
Surviving CSS A few simple techniques to keep your CSS in check. Introducing T3: Enabling Large Scale JavaScript Applications https://www.box.com/blog/introducing-t3-enabling-large-scale-javascript-applications/
https://www.smashingmagazine.com/2015/03/simple-real-and-bug-free-foundation-development/ 从零基础如何自学 UI 设计？https://www.zhihu.com/question/20857524
The Truth About !important http://meiert.com/en/blog/20150310/important/ yy - a collection of sass utilities https://github.com/astina/yy DAY 7: SURPRISING CSS PROPERTIES YOU CAN USE TODAY http://12devsofxmas.co.uk/2016/01/day-7-surprising-css-properties-you-can-use-today/
MorphSVGPlugin http://greensock.com/morphSVG
Automatically animate all inserted and removed DOM elements https://github.com/OutSystems/AutoAnimations
Crow http://getcrow.eu/ A smart grid framework, not just for grids
Wee is a lightweight front-end framework for logically building complex, responsive web projects. https://github.com/weepower/wee
预加载系列二：让File Prefetching丝丝润滑无痛无痒 http://segmentfault.com/a/1190000004336839
- flexibility 让IE8&9 支持 flexbox 布局
- react-boilerplate Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha.
- I READ ALL THE W3C SPECS 我读了所有的 W3C 的规范文档
- 如何成为一名卓越的前端工程师
CSS in the Modern World http://www.sitepoint.com/css-modern-world/ How Our CSS Framework Helps Enforce Accessibility http://www.ebaytechblog.com/2015/11/04/how-our-css-framework-helps-enforce-accessibility/ css 对可访问性的增强
- CSS Protips 写专业的CSS的一些小贴士
- CSS as Readable by Humans 更可读的css
- rscss 关于写可维护的css