前端学习中推荐的一些网站&书籍

网站：

1.wall haven 各种壁纸图
2.css tricks shape 各种用css做的小东西
3.图标 iconfont.cn 阿里出的
4.google:关键词 MDN
5.css生成器 css+关键词+generator 关键词可以是：gradient shadow
6.好看的网页临摹网址： dribbble.com 没有psd
想要免费的psd 搜索：webpage free psd
7.https://visualgo.net/bn/sorting 用一种能看懂人类能看懂的方式解释排序
8.http://bubkoo.com/tags/algorithm/ 常见排序算法讲解
9.堆排序可视化：https://www.cs.usfca.edu/~galles/visualization/HeapSort.html
堆排序JS代码完整讲解（看到最后）：http://bubkoo.com/2014/01/14/sort-algorithm/heap-sort/
10.在线图片压缩网址 ： compressjpeg.com
11.将一个图片上床并得到相应的地址： sm.ms
12.useful string methods 字符串的API
13.解决bug的常用网址： stackoverflow (栈溢出)
14.js.jirengu.com
15.http://api.jquery.com/ jq的所有API
16.中文的 www.jquery123.com
17.苹果风格的轮播 https://jscode.me/t/topic/761
18.科技感十足的轮播 https://jscode.me/t/topic/762
可能是最厉害的轮播 https://jscode.me/topic/763
19.你想要的所有轮播都在这里了 http://idangero.us/swiper/demos/
20.http://lib.sinaapp.com 各种库在网络资源上引入
21.阮一峰之flex http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
22.https://caniuse.com/ 查询一下哪个属性我能不能用，看看兼容性的网址
23.https://easings.net/zh-cn 缓动函数速查表
24.用tweens实现缓动什么的
25.各种库 cdnjs.com
26.unsplash.com 搜一些想要的图片
27.裁图的软件 “圈点”
28.用纯CSS画的图 https://codepen.io (皮卡丘就是在这里的)
29.https://leancloud.cn 服务器
30.经验的CSS https://tympanus.net/codrops/
31.好的CSS作品 https://codepen.io/pens/
32.www.bootcdn.cn 可以搜索各种cdn库
33.node js 文档 https://nodejs.org
34.https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API canvas MDN文档
35.caniuse.com 输入一个css属性看看是否能用也就是看他各个浏览器的兼容性
36.所有你要的效果只要Goggle css 3 box-shadow generator
37.css gradient generator 渐变
38.autoprefixer.github.io 自动化兼容性
39.https://cn.vuejs.org/v2/guide/ 文档
40.二维码生成器 https://cli.im
41.vue 阮一峰推荐 https://ts.xcatliu.com/introduction/hello-typescript.html
42.Sketch 墨刀 ui设计 一样的工具了 https://www.adobe.com/cn/products/xd.html
43.配色网站推荐：
https://colorhunt.co/
https://color.adobe.com/explore/
https://www.materialpalette.com/
44.codepen.io/pen/ 这个是不需要配置任何环境，直接可以使用其他语言。编辑好代码点击save就会生成一个url，然后可以发给别人看，问别人哪里出错了。

建议：

image.png

书籍：

image.png

image.png

1.写给设计师的书
2.用户体验要素