【工具总结】前端常用辅助工具

13 篇文章 0 订阅
2 篇文章 1 订阅

1.马克鳗

http://www.getmarkman.com/#/download-modal

设计稿标注,测量

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述


2.CSS精灵

https://www.toptal.com/developers/css/sprite-generator

能根据图片生成一张图,svg格式的也可以,并将定位代码也贴出来

这里写图片描述
3. 压缩图片
https://tinypng.com/
在这里插入图片描述


4.pickpick

http://ngwin.com/picpick/features

有量角器,很喜欢

这里写图片描述


5.富文本编辑器

https://ckeditor.com/

这里写图片描述


6.浏览器模拟器

http://www.spoon.net/Browsers/

参考:http://blog.csdn.net/love__coder/article/details/5770704

这里写图片描述


7.html标签检测工具

http://i.links.cn/checkhtmltag.asp

在这里插入图片描述

8.设计利器:
https://www.figma.com/
在这里插入图片描述

9.谷歌开源字体
https://fonts.google.com/

在这里插入图片描述

10.屏幕分辨率显示和统计网站

https://cn.screenresolution.org/在这里插入图片描述

11.图片查看器-honeyview
https://www.bandisoft.com/honeyview/
在这里插入图片描述

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值