A person who knows why to live can bear any how to live.－－Fredrick W. Nietzsche _
_知道为何而活，就知道怎样熬下去。－－尼采

CSS

CSS计数器(counter)入门

总工：CSS计数器很酷

CSS counter 8591总工推荐

响应式图片开讲啦，从srcset说起

srcset对开发响应式网站十分便利，可是兼容性呢，只有 WebKit 内核的浏览器支持了 srcset，现在chrome也不支持了

srcset

Javascript

JavaScript-总结常用代码书写规范

代码规范我们应该遵循古老的原则：“能做并不意味着应该做”。

书写规范 8591总工推荐

Velocity.js：加速JavaScript动画

让你的动画飞起来

Velocity

漫画：如何用脚本抢月饼？

呵呵

秒杀

代码的艺术：如何写出小而清晰的函数

优化函数，使函数清晰易读，且更加高效稳定

代码艺术

其他

我终于弄懂了各种前端build工具

说的简单啊，build build build~~

build 8591总工推荐

小编吐血整理：来自腾讯的76款开源项目

开源项目 8591总工推荐

给设计师灵感的顶尖网站

做一个会设计的前端开发工程师

灵感

文章整理来自互联网，不作商业用途，如侵权，请联系删除

The great pleasure in life is doing what people say you cannot do. _
_人生最大的快乐是做到别人认为你做不到的事情。

React

React构建单页应用方法与实例

React

Javascript

StackOverflow 上关于 JS 的热门问答

有可能未来你面试的时候会遇到

闭包 重定向页面 use strict ....

H5页面 - 小米 Max 微信群聊

很有趣的动效，快学起来

H5

CSS

七个你可能不了解的CSS单位

你应该没有见过vh、vw、vmin、vmax吧。如果你见过，你厉害。

CSS单位 龙松推荐

单聊background-repeat

带你熟悉background-repeat新增的属性值round和space

background-repeat round space

有趣的CSS像素

感觉相当有意思，可以尝试在活动开发中使用

CSS像素

其他

写给设计师的移动页面适配小知识

来了解大牛关于不同情况下移动适配方案

移动适配

文章整理来自互联网，不作商业用途，如侵权，请联系删除

The cloud stood humbly in a corner of the sky. The morning crowned it with splendor. _
_白云谦卑地站在天边，晨光给它披上壮丽的光彩。–泰戈尔

小程序

微信小程序开发资源汇总

你要的小程序资源都在这里

小程序

React

Ant Design of React

这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。

ant design 阳强推荐

Javascript

《怎么学JavaScript？》

助你，更快掌握javascript

怎么学JavaScript 龙松推荐

事件触发器

你或多或少见过或用过trigger，那我们来看看原生js怎么实现触发器

事件触发器

如何检测页面滚动并执行动画

没有复杂的概念，就是送你几个可以做出炫酷网页的插件

animate.css scroll watch jquery-smoove

CSS

聊聊CSS世界中的margin-box

CSS中的4種盒子，是時候該統一成box-sizing:border-box了！！厉害了我的俊神

box-sizing 俊神推荐

17个 css 中高级知识点

是不是有一种熟悉的感觉，在面试题中见过

CSS

DIV+CSS学习笔记总结篇

哇，辣么长

HTML DIV CSS

其他

前端工程师如何搞定设计

前端工程师搞定设计

设计

文章整理来自互联网，不作商业用途，如侵权，请联系删除

Take nothing for granted. Know that the harder you work, the luckier you’ll get. — Ivanka Trump
没有事情是理所当然，要知道越努力越幸运。 — 伊凡卡·川普

小程序

微信小程序，一个有局限的类似 React Native 轮子！

小程序好火，听着有点萌，到底什么时候小程序呀，老司机，take take me

小程序 龙松推荐

Javascript

浏览器跨标签通讯

通过本地存储共享相同数据，多标签的时候很适用，8591的IM通过该功能实现一个标签点击已读，多标签停止提醒

storage 廷俊推荐

CSS

Effective前端1：能使用html/css解决的问题就不要使用JS

只要用得好，不管黑猫白猫，都是好猫，喵

高效的前端

React & Redux

React 技术栈系列教程

Redux 入门教程（一）：基本用法

Redux 入门教程（二）：中间件与异步操作

Redux 入门教程（三）：React-Redux 的用法

react&redux系列教程，阮老师助你更快掌握react。

react redux

其它

浅谈Web自适应

自适应

文章整理来自互联网，不作商业用途，如侵权，请联系删除

Spread love everywhere you go. Let no one ever come to you without leaving happier.
无论你去哪里，都要让每一个来找你的人离开时都比之前更快乐些。

推荐

当我们在谈论前端加密时，我们在谈些什么

作为一个前端开发者，我们眼里不应该只充斥各种框架，更不能被旁人一句没有意义的话给击退。任何解决方案都有其适用的范围，世界上根本就没有银弹，安全问题亦是如此。

前端加密

如何增强单页应用的体验

单页面应用给我们带来更好体验的同时其背后却存在更多的难点需要突破，来看看作者给出了哪些建议来增强单页面应用吧

单页面应用

React & Redux

React与Domcom面对面 – domcom 好在哪里？

Domcom什么鬼？

React Domcom

深入理解Redux:10个来自专家的Redux实践建议

专家好厉害

Redux

Javascript

在js里面当new了一个对象时，这中间发生了什么？

发生了什么呢？

new

CSS

设计更好的表单

为用户提供更好的体验，更便利的把需要的信息传递给用户，不仅是设计需要做的，前端也需要有这样的觉悟

表单 更好的表单

其他

前端框架现状调查报告中期汇总结果

你喜欢的框架或者库上榜了吗？

前端框架现状

文章整理来自互联网，不作商业用途，如侵权，请联系删除

Success depends on staying open to a better idea, even if it’s not yours. 。
要成功就要勇于接受好点子，即使这个点子不是你自己的。（《破产姐妹》）

WebVR

浅谈 WebVR

什么是 VR???，什么是WebVR???

WebVR

React

React Router 使用教程

react多种路由的用法

react-router 阳强推荐

如何管理 React 中的状态（state）

正确的使用react中的state，能够更有效的管理好你的webapp

react state

Javascript

学会JS的this这一篇就够了，根本不用记

太好理解了吧

this

CSS

八个CSS函数的小技巧

能实现你意向不到效果，可是兼容性呢

纯CSS Tooltip attr()函数 CSS Counters 磨砂效果

在 CSS 中使用功能查询

感觉屌屌屌的

CSS @support CSS功能查询 龙松推荐

其他

SeaJS从入门到原理

温故而知新啊

SeaJS

文章整理来自互联网，不作商业用途，如侵权，请联系删除

It matters not what you are thought to be, but what you are.
重要的不是别人怎么看你，而是你是怎样的人。(Publilius Syrus)

推荐

HTTP 协议入门

只服阮老师

HTTP HTTP 协议

时间都去哪了?用RescueTime和WakaTime来记录你的时间

save your time, save your money

RescueTime WakaTime 安湘推荐

调试&测试

前端可视化的测试实践

又是一位女神前端，而且你还在用她写的库哦，安利一下Echart

可视化测试

chrome调试工具常用功能整理

来看看chrome的调试工具，还有哪个没有掌握

chrome chrome devtools 余磊推荐

九个Console命令，让js调试更简单

九个console命令，要谨记啊

console console命令 余磊推荐

CSS

CSS 架构指南

好牛逼的样子

CSS CSS架构 龙松推荐

其他

package.json文件

只服阮老师

packjson packjson配置说明

文章整理来自互联网，不作商业用途，如侵权，请联系删除

Everything you see exists together in a delicate balance.—《The Lion King》
(世间万物都处在微妙的平衡中。《狮子王》)

强烈推荐

一个前端的自我修养

如果你的前端之路遇到瓶颈，不知道继续往下深入，何不看看计算机之子对前端是怎么看的。

前端 修养 龙松推荐

React

选择 React 是商业问题而不是技术问题

to be or not to be, that is a question

React

动画

如丝般顺滑：使用 CSS3 实现 60 帧的动画

深入浅出CSS3动画，赞

CSS3 动画 小蔡推荐

【转载】高性能的动画

结合上篇，玩出如丝般顺滑的动画

CSS3 动画

Javascript

[译] JavaScript Fetch API

JS的Fetch API，同样做出AJAX能做到的事情

fetch ajax 廷俊推荐

JS Tips

好多JS小技巧

小技巧

其他

如何定义一个好的变量名？

小俊默默躺枪，领走你经常声明的a,b,c,d,e,f,g…变量名

变量名 8591总工推荐

URL的井号

关于链接井号的那点事

url 井号

文章整理来自互联网，不作商业用途，如侵权，请联系删除

Happiness is not about being immortal nor having food or rights in one’s hand.—《Up》
(幸福，不是长生不老，不是大鱼大肉，不是权倾朝野。—《飞屋环游记》)

炫库分享

Swiper开源、免费、强大的移动端触摸滑动插件

最近用到的一个切换的插件 无论从使用场景 或者兼容都还不错

Swiper 移动端触摸滑动 张承推荐

数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇

虽然看不懂，但是一看就知道高大上

HTML5

CSS3中常用字体图标库总结

兼顾每个人的口味，总有一款适合你

CSS3 字体 图标

CSS

前端开发者应该知道的 CSS 小技巧

CSS小技巧，你必须懂

CSS CSS优化 龙松推荐

没那么难，谈CSS的设计模式

好文，值得多读几次

CSS 设计模式

如何在CSS中实现父选择器效果？

老司机鑫哥带带我们

CSS 父选择器

其他

你的首个推送通知 web app

GCM怎麼推送到CHROME噠？這裡手把手教你嗨起來(居然出中文版了，看英文看的好心酸)

谷歌推送 廷俊推荐

入门 Webpack，看这篇就够了

webpack入门，占坑，收藏

Webpack

文章整理来自互联网，不作商业用途，如侵权，请联系删除

People always say that it’s too late. However, in fact, now is the best appropriate time. For a man who really wants to seek for something, every period of life is younger and timely
(有人总说已经晚了。实际上，现在就是最好的时光。对于一个真正有所追求的人来说，生命的每个时期都是年轻和及时的。 —摩西奶奶 《人生永远没有太晚的开始》)

炫库分享

artTemplate-3.0

新一代 javascript 模板引擎，性能卓越的 js 模板引擎，你值得拥有

artTemplate 阳强推荐

一套绝佳的图标字体库和CSS框架

描述：看标题，酷毙了

Font Awesome 阳强推荐

如何在前端开发中增加编码效率，这里有十款 Chrome 扩展可以帮你

你用上了几款，请举个爪

Chrome 扩展

React

React.js编程思想

对用react.js来构建webapp，有非常好的指导作用，我也在用

react.js 编程思想

React作为时下最热的前端框架，各位有什么经验分享下吗？

不知道通过react.js来开发一整套webapp，或许可以了解一下其他开发者给出的一些解决方案

react.js

Chrome DevTools

网站性能优化 之 Chrome DevTools（一）

网站性能优化 之 Chrome DevTools（二）

网站性能优化 之 Chrome DevTools（三）

如果你一直苦恼没有找到好的DevTools中文教程，那可以来看看这一系列的关于介绍DevTools性能工具的教程

Chrome DevTools Network Timeline Profiles

文章整理来自互联网，不作商业用途，如侵权，请联系删除