「立即保存」45款前端与设计者必备的在线开发工具
发表时间: 2022-04-07 22:23
【赶紧收藏】45个前端与设计必备在线开发工具
image-20220327175753961
今天我们将深入探讨对开发人员和设计人员有用的UI开发工具。
1) Checklist Design
在设计网站元素时，可以通过提供信息和必要元素(如按钮、卡片、表格等)来综合网站设计知识…
image-20220327150148561
Link
2) Web Gradients
在哪里合成美丽的渐变背景色的网站设计。
image-20220327150222246
Link
3) Webframe
收集美丽的web应用程序设计和每周更新。
image-20220327150301875
Link
4) Spline
该应用程序可以帮助您创建网站的3D效果。
image-20220327150349884
Link
5) Type Anything
Web应用程序，允许我们设计排版的网站，如字体选择，字体权重，字间距…
image-20220327150432609
Link
6) Laws of UX
这是一组设计人员在构建网站用户界面时的最佳实践。
image-20220327150537755
Link
7) Animista
Web应用程序，帮助你练习CSS动画效果的网站开发。
image-20220327150636654
Link
8) Screenlane
专注于综合网站UI设计。
image-20220327150715013
Link
9) Froala Design Blocks
综合170多个UI响应式网站设计。
image-20220327150746987
Link
10) 3Dicons
免费的3D图标收集网站设计和开发。
image-20220327150839207
Link
11) Collectui
UI设计总结和每日更新。
image-20220327150933627
Link
12) humaaans
为设计师收集插图的人。
image-20220327151002737
Link
13) Design Principles
致力于提供设计原则和方法的开源集合。
image-20220327151035322
Link
14) Learn Anything
当你想学习某样东西时，提供详细的路线。
image-20220327151110674
Link
15) Standard Resume
一个网页应用程序，帮助创建美丽的简历/简历的设计师，开发人员。
image-20220327151144946
Link
16) Pictogon
帮助您为您的网站创建交互式图像。
image-20220327151322354
Link
17) UI Play Book
编译用于构建UI组件的文档。
image-20220327151423782
Link
18) UI Patterns
它帮助你发现设计模式，以及如何解决网站设计过程中的常见问题。
image-20220327151456084
Link
19) Museum of Websites
是一个通过各个发展阶段综合著名网站设计的地方。在我看来，它将帮助你有一个更好的概述如何设计和开发网站的界面。
image-20220327151528038
Link
20) UX Challenges
网站用户体验设计练习集。我喜欢的是，在每个挑战中，都会有特定的教程文章。
image-20220327151617066
Link
21) UX Project Checklist
一个帮助你检查用户体验功能是否符合设计标准的地方。
image-20220327151651604
Link
22) Landing Page Checklist
综合100多个工具登陆页面，如选择域名，登陆页面设计软件，logo maker…
image-20220327151725594
Link
23) Ray
在线软件，帮助创建美丽的图像为您的代码。
image-20220327151758574
Link
24) PixelSnap
帮助您测量您的网站的像素精度元素之间的距离。
image-20220327151838814
Link
25) patternpad
这个web应用程序为网站创建了漂亮的背景图案。
image-20220327151917176
Link
26) Klart
一组漂亮的网站调色板。
image-20220327151956725
Link
27) Drawkit
为网络项目提供免费插图和图标资源。
image-20220327152313057
Link
28) Get Waves
为网站创建波浪动画效果的工具。
image-20220327152148509
Link
29) UXFlow
它使它很容易在Sketch, Figma和Adobe XD创建美丽的网站布局。
image-20220327152246864
Link
30) Code To Go
合成片段，以帮助您解决常见的问题，在网站开发。
image-20220327152526597
Link
31) Blobmaker
帮助您轻松地为网页元素创建blob效果。
image-20220327152602992
Link
32) Webcode Tools
合成生成器工具的HTML, CSS, Meta标签，JSON…
image-20220327152648690
Link
33) Responsively
该应用程序可以帮助您快速测试网站项目在许多不同的设备屏幕
image-20220327152710857
Link
34) The Front-End Checklist
在为项目构建前端时，这里可以帮助您检查要点。
image-20220327152743135
Link
35) Sketch2Code
使用人工智能将手绘设计转换为HTML。
image-20220327152807873
Link
36) Bootstrap Magic 4.0
让Bootstrap4的主题设计变得简单快捷。
image-20220327152858900
Link
37) Glassmorphism CSS Generator
Glassmorphism CSS发电机
image-20220327152912302
Link
38) UnusedCSS
删除web项目中不必要的CSS属性。
image-20220327152941478
Link
39) Magic Pattern
收集网站设计的工具。
image-20220327153011427
Link
40) Cool Backgrounds
帮助您为网站开发创建美丽的背景图像效果。
image-20220327153043570
Link
41) Loremipsum
帮助您在网站开发过程中快速创建内容。
image-20220327153114813
Link
42) Google Fonts
它是一个免费字体的网站集合。
image-20220327153138368
Link
43) Wicked Backgrounds
image-20220327153158525
Link
44) Custom Shape Dividers
帮助您创建美丽的形状为您的网站。
image-20220327153221845
Link
45) UI Design Daily
是一个为网页设计综合UI设计的地方。
image-20220327153251004
Link
相关文章
- 面向前端开发人员的开源项目
- 免费的网页设计生成器工具
- 最佳Web开发人员Visual Studio代码扩展
- Udemy十大最佳Web开发课程
- Web开发的伟大文章和工具第1部分
结束语
86e444a8880c11ebb6edd017c2d2eca2
那么我的45个前端开发工具这篇文章就结束了，文章的目的其实很简单，就是对日常工作的总结和输出，输出一些觉得对大家有用的东西，菜不菜不重要，但是热爱，希望大家能够喜欢我的文章，我真的很用心在写，也希望通过文章认识更多志同道合的朋友
写在最后
伙伴们，如果喜欢我的口水话给点一个赞或者关注➕都是对我最大的支持。
我希望这篇文章能为您提供更多的web开发设计工具!
原文来自速冻鱼，
https://juejin.cn/post/7080159598795030535
鲁公网安备37020202000738号