一个称手的工具可谓是事半功倍,对程序员来说,更是离不开各种各样的实用小工具,你现在的工具用的还称手吗?你还在为没有好用的工具而发愁吗?
蓉妹儿在这里给你分享一些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设计工具,可以基于网页浏览器直接在线操作。
下载网址:https://spline.design
5
type anything
它可以为网站设计排版Web 应用程序,例如字体选择、字体粗细、字间距等。
下载网址:https://app.typeanything.io
6
Laws Of UX
它是设计师在构建网站用户界面时的最佳实践集合。
下载网址:
7
Animista
它是一个在线动画生成器,同时也是一个动画库,可以帮助我们练习用于网站开发的 CSS 动画效果的 Web 应用程序。
下载网址:
8
Screenlane
它可以将大量app或web的页面截图、User flows的视频收录成册,并通过十分友好的检索目录帮你更快的收集自己的设计灵感,是一款专门为网站综合UI设计。
下载网址:
9
Froala 设计块
它是网站设计合成,上面有超过 170 个 UI 响应式设计。
下载网址:
10
3Dicons
这是一个提供了 1440+ 个漂亮的 3D 图标的素材库,基于 CC0 授权发布,免费可商业使用,用于网站设计和开发的免费 3D 图标集合。
下载网址:
11
Collectui
一个每日更新UI设计灵感的网站,每天都可以获取到前沿、热门的设计资讯,让你灵感不枯竭。
下载网址:
12
Humaaans
这是一款为设计师收集人物插图所用的软件。
下载网址:
13
设计原则
它的主要功能是调度、监控和维护计算机系统,负责管理计算机系统中各种独立的硬件,使得它们可以协调工作,一个致力于提供设计原则和方法的开源集合。
下载网址:https://principles.design
14
learn-anything
它的作用正如它的名字一样,当我们想学习一些东西时,在这里提供详细的路线。
下载网址:https://learn-anything.xyz
15
简历设计
一个 Web 应用程序,可帮助设计人员、开发人员创建精美的简历。
下载网址:
这只是其中的一部分,还有很多实用工具期待后续吧~
最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】
这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!
如果觉得《Web前端开发常用必备工具(一)》对你有帮助,请点赞、收藏,并留下你的观点哦!