ChoDocs

外观

资源导航 ​

作者:Choi Yang
更新于:5 个月前
字数统计:1.2k 字
阅读时长:5 分钟
阅读量:

在此分享前端所收藏的一些好用、实用网站。

从大学学编程到前端工作，我积累的一些好用的网站，整合在了资源导航页面！ B 站视频传送门

如果你也有觉得不错的网站以及工具，欢迎来

优质资源推荐
https://github.com/chodocs/chodocs/discussions/138
这里讨论，审核过后我们会回复你，也非常欢迎各位的 PR！

CSS ​

平常可以参考的颜色风格、设计网站、一些有帮助的工具。

colorhuntDiscover the newest hand-picked palettes of Color Hunt
colordropColor drop list
Material Design ColorMaterial design palette
The color of anythingMatch colors based on search content
中国色Chinese colors
渐变配色A collection of 180 free linear gradients for websites
CSS Easing Animation ToolChoose an easing type and test it out with a few effects
CSS Support Guide for EmailA complete breakdown of the CSS support for the most popular email clients

工具 ​

在线网站性能评测Page speed insights
变量命名Search over GitHub, Bitbucket, GitLab to find real-world usage variable names
json 解析与格式化JSON parsing and formatting
js 执行栈可视化JavaScript Visualizer 9000
在线画板Online drawing board
carbon 生成代码图Create and share beautiful images of your source code
简单的屏幕截图设备模型生成器Free and simple screenshots device mockups generator
AST explorerAST explorer and transform
临时邮箱（测试用）No registration required, Change email at any time
IDEA 激活码Development tool sharing
TinyPNG 图片压缩Smart WebP, PNG and JPEG compression

运营网站 ​

百度统计One-stop intelligent data analysis and application platform
百度 sitemap 收录Website links submit
Google AnalyticsGoogle Analytics
Google Search ConsoleGoogle Search Console

正则可视化 ​

visualRegexVisual regex
regulexJavaScript Regular Expression Visualizer
RegExrOnline tool to learn, build, & test Regular Expressions (RegEx / RegExp)

装的一些 Mac 软件 ​

一些自己必备的软件就不例举了，比如微信，QQ，网盘等等。

Mac 软件列表
  • Figma
  • Arc
  • PPDuck
  • cosbrowser
  • Paste
  • SwitchHosts
  • VsCode
  • Dynamic Wallpaper
  • Chrome
  • Firefox
  • ...

谷歌拓展插件 ​

谷歌插件列表
  • Ajax Interceptor
  • Apifox Browser Extension
  • CF-Predictor
  • Dark Reader
  • iTab 新标签页
  • JSONVue
  • OneTab
  • Proxy SwitchyOmega
  • React Developer Tools
  • Redux DevTools
  • Responsive Viewer
  • Super Simple Highlighter
  • Vue.js devtools
  • Wappalyzer - Technology profiler
  • 标签分组扩展
  • 沙拉查词-聚合词典划词翻译
  • ...

有趣又有用 ​

头像生成（AI）Create an awesome profile picture
programmerhumorprogrammer humor
逗比拯救世界（表情包）Emoji search site
精选素材-系统主题美化Featured Material - System Theme Beautification

素材 ​

unsplashThe internet’s source for visuals
manypixels2500+ royalty-free illustrations to power up your designs
阿里巴巴矢量图标库iconfont
undrawUse the on-the-fly color image generation to match your brand identity
搜图导航Provide one-stop fast search image service

VsCode 插件 ​

以下插件是个人一直启用的，部分安装了但是未启用的就没列出来了。因为一些编码内容需要，也可能杂七杂八装了很多，以下插件建议使用者可再阅读一下相关 ReadMe 再选择安装。

VSCode 插件列表
  • Ascii Tree Generator
  • Auto Close Tag
  • Auto Rename Tag
  • background
  • Better Comments
  • Carbon Product Icons
  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
  • Code Runner
  • Color Highlight
  • CSS Peek
  • DevTools for Chrome
  • Docker
  • DotENV
  • EditorConfig for VS Code
  • EJS language support
  • ejs Snippets
  • Error Lens
  • ES7+ React/Redux/React-Native snippets
  • file-icons
  • formate: CSS/LESS/SCSS formatter
  • GitHub Pull Requests and Issues
  • gitignore
  • GitLens — Git supercharged
  • Goto definition alias
  • Highlight Matching Tag
  • HTML CSS Support
  • htmltagwrap
  • i18n Ally
  • Image preview
  • indent-rainbow
  • IntelliCode
  • IntelliCode API Usage Examples
  • javascript console utils
  • JSON to TS
  • LeetCode
  • Live Server
  • Markdown Preview Enhanced
  • MDX
  • Node JSON Autocomplete
  • npm Intellisense
  • Path Intellisense
  • Polacode
  • Prettier - Code formatter
  • Preview on Web Server
  • pug (jade) formatter
  • Pylance
  • Python
  • Random Everything
  • React code snippets
  • React Style Helper
  • REST Client
  • SCSS Formatter
  • Simple React Snippets
  • Sort JSON objects
  • Sort package.json
  • Sort Typescript Imports
  • stylus
  • SVG
  • Svg Preview
  • SVG Viewer
  • Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
  • Tailwind CSS IntelliSense
  • Tailwind CSS Transpiler
  • Tailwind Snippets
  • Template String Converter
  • TODO Highlight
  • Turbo Console Log
  • TypeScript Vue Plugin (Volar)
  • UnoCSS
  • Vitesse Theme
  • vscode convert utils
  • Vue
  • Vue 3 Snippets
  • Vue Language Features (Volar)
  • Where Am I?
  • XML
  • XML Tools

实用教程网站 ​

progit 中文版（第二版Pro Git
TypeScript 学习TypeScript Documentation
真，开发文档大全Dev Docs
roadmap 学习路径大全Help guide the developers in picking up the path and guide their learnings
程序员开源书大全Book Stack

面试类 ​

牛客-前端工程师精选面经合集Front-end Engineer Selected Face-to-face Collection
ChoDocs-面试One-stop front-end content website

ACM ​

ACM 刷题计划

acm 选手应该 dddd

Contributors ​

Choi Yang