前端学习与工作中常用网站推荐

转

前端学习与工作中常用网站推荐

置顶 2019年08月02日 14:12:20 前端小白ya 阅读数 410

 

一.视频学习网站

1.慕课网（我的最爱，里面有很多免费的视频）

2.腾讯课堂 

。。。

当然还有很多其他的视频学习网站，但我觉得就这两个就够质够量了。

二.前端免费模板下载

1.html5tricks

有很多有趣的小程序

2.源码之家 

各类模板灰常之多，不过也有很多广告

3.代码家园

整个网站看起来舒服，广告很少

4.模板之家

广告较多

5.魔客吧

有些要money

6.站长之家

。。。

模板网站就推荐这些吧，差不多够用了。当然，我们下载这些模板的目的不是为了抄袭，而是为了参考学习。（手动滑稽：) ）

三.图片图标logo素材

1.标志在线

免费设计logo

2.阿里巴巴矢量图标

图标特别多，而且基本上都是免费的

3.iconmonstr

免费图标下载

4.懒人图库

素材很多，不知道要不要钱

5.loading.io

看名字就知道是下什么的了吧

6.preloaders

进度条下载，有些要钱还是dollar，不过也有很多免费的

。。。

好吧，就这些。

四.其他

1.JS格式化

如果你的编辑器不支持格式化js代码的话可以试试

2.css代码兼容

css代码复制上去，自动会帮你生成兼容的css代码，是不是很厉害！不过兼容IE几我也不太清楚，你们自己去看看吧

3.配色

这是给你网站配色的，有兴趣的可以了解下

4.html、css、js压缩，js多文件合并

es6代码需先转es5再压缩，当然，也可以使用fis3构建压缩html，css，js；fis3还可以将图片转成webp格式（ios有兼容问题）

5.图片压缩

基本上是无损压缩，效果很不错

6.图片转换

转webp格式图片

7.雪碧图

选中雪碧图中的图片，自动生成css代码。如：background: url('imgs/example.png') no-repeat -433px -51px;width: 33px;height: 33px;

8.html在线编辑工具

可以在线运行html代码

9.rgb,rgba,十六进制等颜色相互转换

10.HTML特殊字符编码对照表

11.改图宝

修改图片尺寸，生成二维码，生成印章，图片加水印...

。。。

 

 

 

好吧，就先给大家推荐这些网站吧，以后有还有好玩的网站还会继续推荐的，，，

喜欢的话就点个赞吧！