分享几个CSS和JS相关的网站or文章

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

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

CSS

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

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

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

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

• gallery.animate.css 各种各样的动画效果，还有一个类似更出名的动画daneden animate

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

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

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

  • BFC布局：Block fomatting context，或许对你理解float溢出有帮助
  • 黑魔法技巧：在github的文章，主旨是少写js，以css达到相同的效果
  • 垂直水平居中：老生常谈，这里归纳了几种和对应的兼容

JS

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

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

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

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

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

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

• 正则表达教程 这篇可以说很详细了。

• HTML5 Cross Browser Polyfills 浏览器兼容大全

彩蛋

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