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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_39025670/article/details/80157311

一.视频学习网站

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.改图宝

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

12.Easy-mock

做数据mock的

。。。

 

最后,再推荐一些比较好的书

《css世界》、《ES6标准入门》(电子档)阮一峰、《JavaScript权威指南》、《JavaScript高级程序设计》(红皮书)、《你不知道的JavaScript 上中下册》

 

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

喜欢的话就点个赞吧!

 

展开阅读全文

没有更多推荐了,返回首页