Web前端开发常用必备工具(一)
一个称手的工具可谓是事半功倍,对程序员来说,更是离不开各种各样的实用小工具,你现在的工具用的还称手吗?你还在为没有好用的工具而发愁吗?
蓉妹儿在这里给你分享一些Web前端开发的常用必备工具,还没安装的小伙伴们,快来打包带回家吧!
1
Checklist Design
用于提供给网页设计或开发者的参考资料网站,收录一些开发者会用到的页面和元件,每个页面依照需求列出必要和非必要(可选用)的项目,也可用来检查自己手边开发的项目是否有达到这些功能。
下载网址:https://www.checklist.design
2
Web Gradients
拥有180种渐变配色方案,该网站不仅提供漂亮的渐变配色,而且还有更多的格式选择,如 PSD, Sketch, PNG 以及可直接复制成一段 CSS 渐变代码,如此一来,设计师们就可以很方便的使用这个配色方案了。
3
Webframe
它可以提供web开发框架,整合Struts或spring mvc,采用valuelist分页。
下载网址:https://webframe.xyz
4
Spline
这是一个轻量3D设计工具,可以基于网页浏览器直接在线操作。
5
type anything
它可以为网站设计排版Web 应用程序,例如字体选择、字体粗细、字间距等。
下载网址:https://app.typeanything.io
6
Laws Of UX
它是设计师在构建网站用户界面时的最佳实践集合。
下载网址:https://lawsofux.com
7
Animista
它是一个在线动画生成器,同时也是一个动画库,可以帮助我们练习用于网站开发的 CSS 动画效果的 Web 应用程序。
下载网址:https://animista.net
8
Screenlane
它可以将大量app或web的页面截图、User flows的视频收录成册,并通过十分友好的检索目录帮你更快的收集自己的设计灵感,是一款专门为网站综合UI设计。
9
Froala 设计块
它是网站设计合成,上面有超过 170 个 UI 响应式设计。
下载网址:https://froala.com
10
3Dicons
这是一个提供了 1440+ 个漂亮的 3D 图标的素材库,基于 CC0 授权发布,免费可商业使用,用于网站设计和开发的免费 3D 图标集合。
下载网址:https://3dicons.com
11
Collectui
一个每日更新UI设计灵感的网站,每天都可以获取到前沿、热门的设计资讯,让你灵感不枯竭。
12
Humaaans
这是一款为设计师收集人物插图所用的软件。
13
设计原则
它的主要功能是调度、监控和维护计算机系统,负责管理计算机系统中各种独立的硬件,使得它们可以协调工作,一个致力于提供设计原则和方法的开源集合。
下载网址:https://principles.design
14
learn-anything
它的作用正如它的名字一样,当我们想学习一些东西时,在这里提供详细的路线。
下载网址:https://learn-anything.xyz
15
简历设计
一个 Web 应用程序,可帮助设计人员、开发人员创建精美的简历。
下载网址:https://standardresume.com
这只是其中的一部分,还有很多实用工具期待后续吧~
最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】
这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!
相关文章
- Fiddler (一) 教程(Web调试工具)
- WOS_Crawler: Web of Science图形界面爬虫、解析工具
- eplise一键集成工具
- 如何使用文本标注工具——Label Studio?
- web安全day42:使用BurpSuite理解Web工作机制
- zlog小试(C语言日志工具)
- 数仓工具—Hive UDF初识(20)
- 碰到运维难题怎么快速解决?有工具推荐吗?
- pyDash:一个基于 web 的 Linux 性能监测工具
- [转]微信开发者工具web-view无法console.log
- Web文件管理、私有云存储管理工具 DzzOffice
- 使用 XMPP 构建一个基于 web 的通知工具
- UUIDUtils工具类-根据时间生成UUID
- 基于.htaccess的Web Shell工具htshells
- Web应用漏洞评估工具Paros
- 基础认证伪造工具phishery
- vs 相关工具(持续更新)
- jiagu-工具使用
- 《软件测试技术实战:设计、工具及管理》—第1章 1.1节软件测试的基本理论
- 《Unity 3.x游戏开发实例》——1.8节停一下!工具时间
- 从Web服务器的攻击防御工具HttpGuard(防cc攻击等)看Web服务器的反爬虫设置 —— 如何优化爬虫的性能
- Mac——Mac命令行安装brew工具,然后就可以用brew安装其他软件或者安装包
- 普通Java Web项目为什么lib包要放在WEB-INF下
- 了解linux web的监听工具
- Flutter Web实战项目打造真正跨平台应用(windows,android,ios,linux,macos,web)
- DB 查询分析器 6.03 ,遨游于不论什么Windows操作系统之上的最棒的数据库client工具
- Vue 之 Vue Cli Html 移动端调试调试工具简单使用说明(Eruda、vConsole)
- 消息队列系列(二):.Rabbitmq的使用及Web监控工具使用