推荐几个实用工具
孙泽辉 Lv5

一些工作、学习上我经常使用的工具,都是用起来顺手不算花瓶的。

浏览器插件:

Github 插件

refined-github/refined-github: Browser extension that simplifies the GitHub interface and adds useful features

对github有一些浏览细节的优化,不过我最喜欢的功能是Find useful forks

image image

当然你也可以直接使用在线版

Useful Forks (useful-forks.github.io)

遇见单词划词翻译

遇见单词划词翻译 - Microsoft Edge Addons

查看单词翻译,翻译过有记录,比较适合学习英语,注重效率还是用彩云小译吧,不过需要充钱。

JSON格式化工具

JSON格式化工具 - Microsoft Edge Addons

image

SurfingKeys

GitHub - brookhong/Surfingkeys: Map your keys for web surfing, expand your browser with javascript and keyboard.

在浏览器里使用vim操作网站,提升效率

window效率工具

espanso

Espanso - A Privacy-first, Cross-platform Text Expander

快速输入模板消息工具,支持自定义shell脚本,这是我添加的 Python 脚本

![bandicam 2022-06-14 09-34-28-405 00_00_00-00_00_13](推荐几个实用工具/bandicam 2022-06-14 09-34-28-405 00_00_00-00_00_13.gif)

uTools

uTools官网 - 新一代效率工具平台

快捷面板,附带插件,我习惯使用在当前页面打开终端

LightProxy

GitHub - alibaba/lightproxy: 💎 Cross platform Web debugging proxy

方便开发测试,感觉规则类似系统自带host文件,但比host更强大。

image image

开发工具

Vercel

Develop. Preview. Ship. For the best frontend teams – Vercel

前端包括后端serverless项目部署平台,良心平台,我现在的博客就放到vercel上了,虽然慢点,但是免费用。。

画画

Excalidraw | Hand-drawn look & feel • Collaborative • Secure

image

图压

image

同样推荐图片压缩工具在线版

tanpok 效果极佳的本地图片压缩工具,永久免费

阴影可视化调节

Box Shadows (box-shadow.dev)

阴影参数太难背了,我直接在线调

border可视化调节

CSS Trick – Customized Dashed or Dotted Border (kovart.github.io)

复杂border解决方案

Grid布局可视化工具

Interactive CSS Grid Generator | Layoutit Grid

100个前端项目

All Projects - #100 of #100Days100Projects (codepen.io)

推荐新手练手

Google镜像站

Google (lizmt.cn)

谷歌进不去了这个还凑合用

notepad在线

sunzehui · notepad (1976f.com)

不用登录的文本记录,实时同步,可以共享,我这个是分享的我的vscode设置.json

文件格式转换

Convertio — 文件转换器

格式转换

JSON转TS接口

Json 对象转 TypeScript Interface (jixun.moe)

git release提速

下载 (serctl.com)

视频提取工具

(……) 无差别视频提取工具 - SegmentFault 思否

适用于m3u8加密的网页视频

秘塔写作猫

秘塔写作猫 (xiezuocat.com)

纠正文本语法错误

正则表达式可视化

在线正则表达式可视化测试工具 - ToolTT在线工具箱

网站模板

Tailwind Toolbox - Free Starter Templates and Components for Tailwind CSS

Tailwind UI KIT – 250 components and templates for React, VueJS and Angular. (tailwind-kit.com)

CodeMyUI

Buy Plugins & Code from CodeCanyon

daisyUI — Tailwind CSS Components

学习网站

Regex Learn - 正则表达式交互式课程

30分钟入门正则表达式,可视化学习

30 seconds of code

优秀代码收集,各种原理探索

金榜题名 (ysepan.com)

学堂在线 - 精品在线课程学习平台 (xuetangx.com)

爱课程 (icourses.cn)

学习资料

TypeScript中文文档_入门进阶必备 (yayujs.com)

Introduction · 函数式编程指北 (gitbooks.io)

首页 - 极客云 - 极客笔记 (guoch.xyz)

面试资料 | HZFE - 剑指前端 Offer

编程电子书

资源聚合

网络资源

数字生活指南 | 让工作学习生活更高效!guidebook.top

是个阿叔杂货铺(设计导航) (ysepan.com)

Castalia (afterwork-design.github.io)

我整理了70和模板素材网站,最全干货,赶紧收藏! - 资源 - 虫部落 (chongbuluo.com)

下载站

TechBench by WZT (v4.1.1) (rg-adguard.net)

不限速镜像下载

image

微当下载 (weidown.com)

软件下载站

 Comments
Comment plugin failed to load
Loading comment plugin
Powered by Hexo & Theme Keep
Total words 85.5k