作为前端开发,你应该知道的这十几个在线免费工具

​偶然刷到知乎一位前端大佬 @表歌 多篇优秀实用的文章,真的发现宝藏了

以下内容就是他在知乎分享的十几个在线免费工具

  1. 页面设计检查清单:https://www.checklist.design/

页面设计检查清单

通过清单可以检查一些常用容易忽略的设计要素。

  1. 背景色生成:*https://webgradients.com/?ref=usniemvuilaptrinh*ref=usniemvuilaptrinh

背景色生成工具

  1. 渐变背景色生成:https://cssgradient.io/

渐变背景色生成工具

  1. 在线去除背景:https://www.remove.bg/zh/upload

在线去除背景

  1. logo,封面设计:https://www.canva.cn/en/?display-com-option=true

封面设计

  1. 生成浪花:https://getwaves.io/
  1. 生成水滴:https://www.blobmaker.app/
  1. 生成形状:https://www.shapedivider.app/
  1. 动效生成:https://animista.net/
  1. 投影生成:https://shadows.brumm.af/
  1. css 剪辑路径:https://bennettfeely.com/clippy/
  1. 圆角生成:https://9elements.github.io/fancy-border-radius/
  1. 图片无损压缩:https://tinypng.com/
  1. nginx 在线配置:https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN
  1. 形状各种生成:https://app.haikei.app/
  1. 表歌的16条前端UI设计原则:https://zhuanlan.zhihu.com/p/648041457

这是表歌整理国外上万点赞的UI设计原则,面对一个UI的好坏,有时候你看不出所以然来,可能是少了一些方法论,值得推荐。

  1. Json 格式化:https://jsonformatter.curiousconcept.com/#‍

有时候拿到的数据是js类型的数据对象,你又想粘贴到json格式里面,可以使用工具快速修复格式化。

  1. TodoMVC:https://todomvc.com/

TodoMVC 做了一件事情,一样的TODO清单的需求,不同的前端框架去实现,可以让你快速对比了解不同框架之间对应实现同一个需求的区别,有时候你想不起来了,可以看看。

Drupal 自习室

内推职位及分享 Drupal 优秀的数字创新体验

公众号

以上都是经常使用的工具箱,表歌开源的Angular前端UI框架:

信使 UI 是基于 Material 的 Angular 前端框架, 丰富的组件库可提供优秀的数字创新体验,使用 Web Builder 可以通过拖拽快速构建响应式、多主题的 Web 页面。

大部分都用这些工具来生成图片、形状,欢迎Star:

信使 UI https://github.com/biaogebusy/xinshi-ui

在线体验:https://www.zhaobg.com/home

信使 web builder

相关推荐
工一木子25 分钟前
URL时间戳参数深度解析:缓存破坏与前端优化的前世今生
前端·缓存
半点寒12W2 小时前
微信小程序实现路由拦截的方法
前端
某公司摸鱼前端3 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~3 小时前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
小林学习编程3 小时前
Springboot + vue + uni-app小程序web端全套家具商场
前端·vue.js·spring boot
柳鲲鹏3 小时前
WINDOWS最快布署WEB服务器:apache2
服务器·前端·windows
weixin-a153003083164 小时前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
ai小鬼头4 小时前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github
一只叫煤球的猫5 小时前
普通程序员,从开发到管理岗,为什么我越升职越痛苦?
前端·后端·全栈
vvilkim5 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron