首页
友情链接
Search
1
centos 7 部署ollama 本地大模型并使用open-webui 可视化
1,856 阅读
2
利用calibre-web搭建私人书库
1,044 阅读
3
webStrom 通过electron创建第一个桌面程序
775 阅读
4
AdGuardHome 个人DNS服务器搭建记录
650 阅读
5
gitee 发了个人生第一个开源项目
570 阅读
默认分类
kafka
JavaScript
linux
java
vue
自建服务
spring
登录
Search
标签搜索
kafka
vue
docker
electron
JavaScript
spring
quartz
图床
Nginx
spring boot
宝塔
aria2
webUI
docker-compose
Python
小程序
SUI Mobile
k8s
html
PotPlayer
Abdulla
累计撰写
44
篇文章
累计收到
4
条评论
首页
栏目
默认分类
kafka
JavaScript
linux
java
vue
自建服务
spring
页面
友情链接
搜索到
1
篇与
的结果
2022-02-24
分享 45 个让你提升工作效率的前端工具(备份下,以免被作者删了)
分享 45 个让你提升工作效率的前端工具前端达人 2022-02-24 13:12图片英文 | https://levelup.gitconnected.com/45-front-end-developer-tools-e496b9c3503翻译 | 杨小爱工具,对于我们人类来讲,实在是太重要了,而在我们的日常工作与生活中,只要是好的工具,都可以为我们带来方便提升效率。作为开发者的我们,学会使用一些适合自己的开发工具,可以让我们的生活更加自由轻松,因此,今天我跟大家分享45款实用的工具,主要是针对开发与设计人员的,希望这些工具能够帮助到你。现在,我们就开始今天的内容。1、Checklist Design地址:https://www.checklist.design图片在设计按钮、卡片、表格等网站元素时,通过网站上提供信息和基本元素来综合网站设计知识的地方。2、Web Gradients地址:https://webgradients.com/图片在这里我们可以实现网站漂亮的渐变背景颜色的设计与合成。3、Webframe地址:https://webframe.xyz图片收集精美的 Web 应用程序设计并每周更新。4、spline地址:https://spline.design图片该应用程序可帮助我们为网站创建 3D 效果。5、type anything地址:https://app.typeanything.io图片允许我们为网站设计排版Web 应用程序,例如字体选择、字体粗细、字间距……6、Laws Of UX地址:https://lawsofux.com图片设计师在构建网站用户界面时的最佳实践集合。7、animista地址:https://animista.net图片帮助我们练习用于网站开发的 CSS 动画效果的 Web 应用程序。8、screenlane地址:https://screenlane.com图片专门为网站综合UI设计。9、Froala 设计块地址:https://froala.com图片网站设计合成,上面有超过 170 个 UI 响应式设计。10、 3Dicons地址:https://3dicons.co图片用于网站设计和开发的免费 3D 图标集合。11、Collectui地址:https://collectui.com图片UI设计摘要并每天更新。12、humaaans地址:https://www.humaaans.com图片为设计师收集人物插图。13、设计原则地址:https://principles.design图片一个致力于提供设计原则和方法的开源集合。14、learn-anything地址:https://learn-anything.xyz图片当我们想学习一些东西时,这里提供详细的路线。15、简历设计地址:https://standardresume.co图片一个 Web 应用程序,可帮助设计人员、开发人员创建精美的简历/简历。16、pictogon地址:https://pictogon.com图片帮助您为您的网站创建交互式图像。17、 ui play book地址:https://uiplaybook.dev图片用于构建 UI 组件的文档。18、ui patterns地址:http://uipatterns.io图片它可以帮助我们发现设计模式以及如何解决网站设计过程中的常见问题。19、 网站博物馆地址:https://www.kapwing.com图片是综合各个发展阶段著名网站设计的地方。在我看来,它将帮助我们更好地了解如何设计和开发网站界面。20、用户体验挑战地址:https://uxtools.co图片网站用户体验设计练习集。我喜欢它的是,在每个挑战中,都会有特定的教程文章。21、用户体验项目清单地址:https://uxchecklist.github.io图片一个帮助我们检查 UX 功能是否符合设计标准的地方。22、登陆页面清单地址:https://landingpage.fyi图片综合了 100 多种登陆页面工具,例如选择域名、登陆页面设计软件、标志制作工具……23、 Ray地址:https://ray.so图片为我们的代码创建漂亮图像的在线软件。24、像素测量地址:https://getpixelsnap.com图片帮助我们精度测量网站中元素之间的距离。25、Patternpad地址:https://patternpad.com图片为网站创建漂亮背景图案的Web 应用程序。26、 Klart地址:https://klart.io图片该网站的一组漂亮的调色板。27、 Drawkit地址:https://drawkit.com图片为 Web 项目提供免费的插图和图标资源。28、 Get Waves地址:https://getwaves.io图片为网站创建波浪动画效果的工具。29、用户体验流地址:https://products.ls.graphics图片它可以帮助我们在 Sketch、Figma 和 Adobe XD 中创建漂亮的网站布局变得容易。30、Code to go地址:https://codetogo.io图片合成片段,帮助我们解决网站开发中的常见问题。31、Blobmaker地址:https://www.blobmaker.app图片帮助我们轻松地为网页元素创建 blob 效果。32、网页代码工具地址:https://webcode.tools图片为 HTML、CSS、元标记、JSON... 合成生成器工具33、Responsively地址:https://responsively.app图片该应用程序可帮助我们在许多不同的设备屏幕上快速测试网站项目。34、 前端清单地址:https://frontendchecklist.io图片可以帮助我们在构建前端项目时检查要点的工具。35、Sketch2Code地址:https://sketch2code.azurewebsites.net图片使用 AI 将手绘设计转换为 HTML 的工具。36、Bootstrap Magic 4.0地址:https://sketch2code.azurewebsites.net图片它可以帮助我们在使用 Bootstrap4 设计网站时,让主题设计变得快速和容易。37、 Glassmorphism CSS 生成器地址:https://ui.glass/generator/图片帮助我们为网站设计创建玻璃效果。38、UnusedCSS地址:https://unused-css.com图片为 Web 项目删除不必要的 CSS 属性。39、Magic Pattern地址:https://www.magicpattern.design图片网站设计工具的集合。40、Cool Backgrounds地址:https://coolbackgrounds.io图片帮助我们为网站开发创建精美的背景图像效果。41、Loremipsum地址:https://loremipsum.io图片帮助我们在网站开发过程中快速创建内容。42、谷歌字体地址:https://fonts.google.com图片它是网站免费字体的集合。43、Wicked Backgrounds地址:https://wickedbackgrounds.com图片44、 自定义形状分隔线地址:https://www.shapedivider.app/图片帮助我们为网站项目创建漂亮的形状。45、UI Design Daily地址:https://www.uidesigndaily.com图片它是一个为网页设计合成 UI 设计的地方。总结我希望这篇文章能帮助到你,可以快速选择适合自己的Web开发设计工具,如果您有任何问题,请在留言区给我,我会尽快回复。学习更多技能请点击下方公众号图片阅读 8写下你的留言
2022年02月24日
230 阅读
0 评论
0 点赞