I do not know whether there is a friend who is a collector. Recently, I was sorting out bookmarks and found that I have collected more than N websites and tools. I sorted out the blood and picked some of the treasure websites that are often used or very nice to you.

preface

You’re gonna get a bunch of awesome, treasure level, fairy sites


Chrome插件 图 片

extfans

A professional Chrome plugin network, provide Chrome store/Google App Store Chrome plugin download services, has the best use of Google Chrome plugin, the most comprehensive Chrome plugin resources. Best of all, you don’t have to climb the wall to download the Chrome plugin, and it’s free!! 🤗

Book the class

Free programming Chinese books warehouse

If you’re a book lover, don’t miss this open source project on Github, which offers a host of free Chinese books on computer programming. A collection of free Chinese online books and tutorials on everything from programming languages to operating systems.

Dove the book

A web search for e-books and free download resources, love this clean interface 👌

reason

This is a dedicated search baidu web disk PDF resources website, here can search to a lot of users to share the PDF document resources, do not need to register can directly access to download links.

The disadvantage is that some links may already be broken.

Drawing classes

Compared with the direct description of the text is certainly more clear graphics, so drawing tools are of course essential, the following two recommended good and easy to use drawing tools

GitMind

Can be used online, can also download software mind mapping tools, massive templates, one key set, but also support organization chart/fishbone chart production, fast export pictures /PDF, and is free! 🚀


processon

ProcessOn is an online collaborative mapping platform that provides users with powerful, easy-to-use mapping tools! Support online flowchart creation, mind mapping, organization chart, network topology, BPMN, UML diagram, UI interface prototype design, iOS interface prototype design, etc.

Disadvantages: Non-members have file limit.


Front-end online debugging classes

Whether it’s a test demo, or code sharing, it’s an online programming site

jsbin

Should be a lot of people are using the front-end online programming website, the function is very perfect, CSS support less, SASS, JS also support ES6, JSX, TS and other syntax, you can directly import various versions of jQuery, Vue and so on JS framework, can also be introduced to their own personal blog.

jsrun

Support more than 30 languages online running tools, js/C language/Java /python/nodejs/ C ++/ C #/vb/F#;

JSRUN has a powerful online running editor, support vue. Js online running editor, support ES6 development, permanent free save open source JS source code, etc..

And there are a lot of other people to share the code effect, you can also share the code, the most important is the domestic website, access speed is faster.


codepen

It’s a nice site where you can see awesome people writing insanely cool demos. You can also publish your code here, supporting many of the leading front-end libraries, frameworks, and technologies.

The only drawback is that foreign websites are slow to access


Markdown Online Editor (free)

For many programmers, it is quite common to use the MarkDown editor for writing articles. Here are several MarkDown editors with both appearance and features. Hopefully, one is suitable for you (✿◕‿◕✿).

mdnice

A customized Markdown editor, and an online wechat Markdown typeset tool, and support zhihu, rare earth digging gold, blog garden and CSDN and a series of platforms, why not try it! ✅

Github address: github.com/mdnice/mark…

Little book artisan

Github is an open source editor for Windows MAC Linux, updated on Github. Many functions, very conscience. You can associate youdao Cloud Note, Evernote, Weizhi note and other platforms, and also synchronize your notes, which is very convenient.

Cmd Markdown

Cmd is an online Markdown editor and a reading tool that supports real-time synchronous previews; Distinguish between writing and reading patterns; Support online storage; Share manuscript url; Vim/Emacs support.

Utility class

FeHelper

WEB front-end assistant, a front-end tool set of small plug-in, you can arbitrarily add their own small plug-in, after the successful installation, direct left click can be used, is absolutely necessary front-end artifact. (. ◕ ˇ ∀ ˇ ◕)

CSS Sprite Generator

CSS Sprites Generator can be used when you need to combine small ICONS into a whole image. A convenient CSS image splicing tool, it will automatically cut and splice for you into a single image display, easy to use, very convenient. 😋

Online Toolbox

Online tools, developer tools. (Code formatting, compression, encryption, decryption, download link conversion, JSON formatting, regular test tool, Favicon online production, post tool, Chinese simplified and traditional conversion, Xunlei download link conversion, base conversion, TWO-DIMENSIONAL code, etc.)

Complete tools, and the interface is simple and comfortable, the gold digging plug-in quick tools in the timestamp conversion is nested in this site. 🍉

sojson

JSON parsing, JSON parsing, JSON parsing, JSON parsing, JSON parsing

  • Regular expressions: the regular expression generator | regular expression testing tools
  • HTTP: HTTP simulation request test tools | | HTTP HTTP protocol | GET/POST
  • Encryption/decryption: online encryption/decryption encryption | | JS JS decryption | | | AES DES MD5 | Base64
  • Compression/formatting: online compression/formatting/beautification | JSON | JS | Java HTML | | SQL


CDN class

BootCDN (domestic)

Jsdelivr (abroad)

The color class

colorhunt

Provides a lot of very good looking site page color scheme, one key copy use. When the project that does oneself for instance does not know how to match color, can look for inspiration here ~

Code sharing class

carbon

Custom generated beautiful code images, support multiple languages and highlighting styles, one click export PNG. Write articles, send dynamic load force artifact. A lot of big guys have gone through Amway, and they just want to brag about it.

Brush the topic class

leetcode

LeetCode’s Chinese website, LeetCode supports many languages, many classical algorithms, data structures, provides a large number of technical interview resources to help you effectively improve your programming skills.

Cattle from

A domestic brush topic website, there are a lot of domestic big factory questions, online enterprise school recruitment practice written interview real simulation test practice, comprehensive promotion of job competitiveness, prepare for technical interview necessary.

conclusion

To do a good job, he must sharpen his tools. Still very reasonable, but tidy up is too vomit blood, hope you have been a certain amway to. If you have a treasure trove site or tool, give it to me in the comments section! 😘


🎨 [thumbs up] [concerns] don’t get lost, more front-end dry goods waiting for you to unlock

Phase to recommend

Best practices for clean JavaScript coding

Thoroughly understand the BFC in the CSS

How many questions can you answer for the CSS box model?