看到有意思的网站总会点个收藏，但是会再次去浏览的却不多。最近有时间整理了一下。

哇咧！∑(⊙▽⊙"a...其实是发现没有在掘金发过文章，所以在博客搬了最近的两篇过来。

CSS

• 这是个“小白”网站，目前只有19页，简单讲述了css的一些属性。 为啥放第一位，因为它可爱呀。

• 一个有各种各样CSS效果的网站，按钮、菜单栏、图片、输入框等等 偶尔想要给自己的博客装饰一下看起来不那么乏味，这个网站不会让你失望

• 如网站名，CSS技巧。想要怎么实现一个css效果，在google时这个网站常常排在前几位。

• 轻量级的按钮效果，压缩后只有4KB

• 各种各样的动画效果，还有一个类似更出名的动画

• 一个可以调试linear-gradient属性并且做兼容的网站

• 也是关于兼容的网站，可以帮你自动填充css属性前缀。不过当下很多第三方工具都可以实现，比如webpakc，所以作用并不大

• 还有几个关于CSS技巧or布局方面的

  • ：Block fomatting context，或许对你理解float溢出有帮助
  • ：在github的文章，主旨是少写js，以css达到相同的效果
  • ：老生常谈，这里归纳了几种和对应的兼容

JS

• 一个有很多练习题的外国网站，不止javascript，还有C、Python、Java等后端语言。在这里你可以由浅入深，既思考了如何答题，也可以看到一些大神的简练答案。 这个网站帮我熟悉了ES6的用法，觉得挺有用，所以放第一位。

• 写得很精简，时不时找出来看一下。也很喜欢他的Python教程。

• 一个教你用最精简的代码实现你想要效果的网站。 还有一篇文章只列举了19个，但是比较常用的：

• 获取元素的高度、宽度总对不上，尤其是滚动到底部刷新数据时，scollHeight、clientHeight、offsetHeight傻傻分不清。对于这三者，阮一峰老师的这篇博客已经很详细说明。

• 用熟悉了jquery后反而不知道怎么用javascript操作DOM，当然，还是没有jquery来的便捷。 还有一个比较详细的：

• 比如图片上传预览、简单的正则表达式、验证码倒计时等。 这里还有一个：

• 这篇可以说很详细了。

• 浏览器兼容大全

彩蛋

阮老师最新一期分享里面的一个链接， 哈哈哈笑死我