前端工具收集

欢迎访问 幸福拾荒者,一个前端知识总结分享平台,与大家一起共同成长共同进步!

网站主题

colordrop :在线颜色组合调试工具

ColorDrop 是一个提供设计开发上绝佳的色彩的来源站点,帮助设计师在线调试颜色组合,该网站把四个不同的颜色整合在一起,点击其中一个颜色后会跳出对应的颜色参数(HEX/RGB),设计师可以将这些颜色应用于设计项目。

git 仓库

gogs :一个可以搭建自己的私人代码仓库

命名

codelf:变量命名神器
有一种痛 ,不是程序员可能不懂,但如果是程序员一定懂,那就是给变量或函数命名。

html 头部标签

HEAD :html 头部 标签 ️ 指南

网站字体

  • fontke :中文字体下载
  • igfonts :字体转成花样文字表情
  • fontke :中文字体转换成网站字体下载
  • 字蛛 :字蛛 ️ 是一个中文字体压缩器

icon

  • easyicon: 一个图标搜索 下载 ⏬ 网
  • cssicon: 一个 css 实现图标样式
  • iconfont :阿里巴巴矢量图标库
  • 寻图标 :最多样化的图标库

占位图

imageholder : 生产占位图片

图片优化

  • tinypng 一个压缩 ️PNG 的神站
  • zhitu:智图为图片智能选择合适的图片格式压缩 ️,

markdown 文档

  • 羽雀 :语雀- 专业的 ☁️ 云端知识库 优雅高效的在线文档编辑与协同 工具,
  • gitbook:For you, your users and your team
  • vuepress:Vue-powered Static Site Generator
  • docsify 神奇的文档网站生成器
  • docz:用 MDX 写 React UI 组件文档
  • storybook: Build bulletproof UI components faster
  • apidocjs:apidoc 是一个轻量级的在线 REST 接口文档生成系统,可以根据其特定的规则的代码注释来生成静态网页

editor

  • 百度 editor 所见即所得富文本 web 编辑器,
  • 经典的 ckeditor Smart WYSIWYG editor components with collaborative editing. Join Microsoft, Mozilla, Adobe and 24k+ other happy customers.
  • 经典的 kindeditor html 编辑器 在线编辑器 可视化编辑器
  • wysiwyg 为 Bootstrap 定制的微型所见即所得富文本编辑器
  • tower 用的编辑器 一个基于浏览器所见即所得的文本编辑器
  • summernote 是一个界面比较简洁美观的富文本编辑器
  • XEditor 是一个基于 jQuery 开发的简单迷你并且高效的在线可视化 HTML 编辑器
  • wangEditor 轻量级 web 富文本编辑器

css

  • css-tricks 专注 css
  • css-doodle 是一个用来绘制 CSS 图案的 WEB 组
  • tools 在线 css3 动画制作
  • CSS-Inspiration CSS 灵感,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法
  • magicCss 一款独特的 CSS3 动画特效包
  • spritejs 一款简单的 canvas 绘图框架
  • matrix :css3 动画转换

动画库

popmotion 小巧,灵活的 JavaScript 运动 ♀️ 引擎

js

  • jsdm 是一个 WEB 前端在线编辑器,可同时编辑 HTML、CSS、JAVASCRIPT 代码,并即时预览!
  • jsbin WEB 前端在线编辑器
  • codepen 一个在线的前端代码编辑运行的网站
  • obfuscator 前端代码混淆工具

XSS

XSS 根据白名单过滤 HTML(防止 XSS 攻击)

二维码生成

  • 草料二维码 草料二维码生成器

PDF

  • PDF24 Tools 免费且易于使用的在线 PDF 工具
  • pdfmake Client/server side PDF printing in pure JavaScript
  • smallpdf支持 PDF 转 Word、PDF 转图片、PDF 转 Excel、PDF 转 PPT、PDF 拆分、PDF 合并以及 PDF 合并等服务

拼音

  • pinyin 转换中文字符为拼音的工具转换中文字符为拼音
  • 简繁转换 开源的简繁转换库

身份证

身份证 身份证验证的库

格式时间金钱

numeraljs 一个用于格式化和数字金钱 的 js 库

网页导览

smartour Smartour 让网页导览变得更简单

正则

  • 正则 //正则大全
  • regular
  • 正则测试 正则表达式的测试平台

http2

http2 :http2 demo 演示

ip

iplist 获取本地 IP 信息

gif

cockos GIF 截图工具

管理前端 package

lerna:一款 js 代码库管理软件, 用来对一系列相互耦合比较大、又相互独立的 js git 库进行管理

移动端开发调试

  • Eruda:移动端 js 调试工具
  • vConsole移动端调试神器

前端性能监控

webfunny 通过向 html 页面中插入一段简单的 JS 探针代码,实现无埋点监控前端页面的用户行为,包括但不限于 PV/UV、报错日志、请求日志、静态资源加载情况、用户点击行为以及截图信息等等,目的在于帮助前端开发提高解决线上问题的效率 fundebug 一行代码搞定 BUG 监控
sentry 是一个集中式日志管理系统
性能魔方 为您的网站服务器提供完整云应用性能管理(APM)、网站服务器优化、监测、监控,能帮助您最大程度改进用户体验
pagespeed 网页性能测试分析工具

测试覆盖率集成

codecov :测试覆盖率构建 自动化测试环境

搜索库

  • microjs:迷你前端开发框架和类库资源收集
  • javascripting 最好的资源 javascript 库、框架和插件

欢迎访问 幸福拾荒者 了解更多前端知识!

你可能感兴趣的:(前端工具收集)