Hi everyone, I am DHL. ByteCode, focus on the latest technology to share original articles, involving Kotlin, Jetpack, algorithm animation, data structure, system source code, LeetCode/point Offer/multithreading/domestic and foreign large factory algorithm problems and so on.

This article is divided into video and text versions

Video version

www.bilibili.com/video/BV1eZ…

Word version

This video is about the tools and websites that you use to develop, design, and write.

At the same time, I also developed a navigation website, which contains many tools. If the tools mentioned in the video do not meet the current needs, you can also find the tools you want from this website. At present, the website contains 742 websites.

As you can see, I’ve divided the site into five broad categories (front-end development, Android, Design navigation, Products, operations), with several smaller categories under each of the big categories, as shown below.

Now I’m going to get to the heart of this video, and I’m going to show you my Chrome home page, which is divided into two parts.

  • The top area: is our favorites, a collection of commonly used tools and websites. Basically covering the needs of work and study
  • Middle area: The Chrome plugin is usedQlearly“, in the form of a kanban, lists tools to use every day and things to do

Qlearly is a bookmark management tool, as well as a lightweight Todo and note taking tool, it is displayed and managed in the form of lists, very easy to use. The basic version is completely free, but there is no synchronization function. Compared with the basic version, the advanced version can be synchronized across multiple devices. At the end of this video, I will export both the basic version and the advanced version to share with you.

  • Column 1: Shows what you are going to do today. Click Create Task to Create a new Task, and click Create Note to Create a new Note

  • Column 2: mainly shows the website of daily study
  • Column 3: mainly shows the most commonly used web sites each day
  • Column 4: Mainly used to save the day not finished urls,QlearlyProvides a very useful function, clicksaveI can save all the urls THAT I’m currently open. ClickopenYou can save the url all open

The purpose of Qlearly is to help us manage the most frequently used urls, and put the most important ones in the top favorites. So I made a classification of my favorites, which I spent a long time sorting out, and today I share all of them with you.

Design tools and materials

Design tools

When we usually write, we need to design the cover image, adjust the size of the picture, compress the picture and so on. These tools can be found in design tools, which mainly want to introduce these tools.

Figma- Design tools

I mainly use it for the cover art:

  • Palette library: I have a collection of beautiful colors, and every time I do cover art, I take the right color from inside
  • Article material: contains all of my current article cover, as you can see, the size of the cover and the size of the public number cover is the same.

Online picture modification tool

The Online Image Tool is not only free, but also very powerful. It can compress any Image format, convert Image format, batch adjust Image, batch rotate Image and so on.

Let’s try the image compression function, it is very good compression, as you can see the 1.6MB image is reduced to 560.4KB, and can compare the original and optimized version.

Code image generation tool

Carbon generates beautiful images of your code.

We often see a lot of articles on the web, code to generate a variety of beautiful images, all generated by this tool, the following image, one of my open source projects KtKit cover image.

Design the material

It mainly contains free icon materials provided by alibaba, Google and other big companies at home and abroad, as well as various vector images, as well as materials specially prepared for developers and designers.

Publishing platform

  • App distribution channels: Mainly lists the commonly used App channels in China
  • Maven publishing: Used to publish your open source projects on Maven for others to download and use
  • Article release: At present, my articles are mainly published on Digg Gold, 51CTO, Zhihu, CSDN and Jianshu
  • Vercel web hosting platform: This is what I want to focus on, it is a free web hosting platform, is the best WEB hosting platform I have used so far. At present, I have hosted all my websites on this platform, which has the following advantages
    • Associated with Github, just submit code to Github, it will automatically get the latest commit, and then automatically deploy
    • Provides a free domain name, eliminating the problem of applying for a domain name, if you have your own domain name, you can also do a domain name resolution to this platform
    • A free Https certificate is provided, and if the certificate expires, it will be replaced automatically, no need to worry
  • Zapier: It is an automated tool on the Internet to the explanation of it has a lot of, but I put it compared to “connect”, it can connect any two App, then the two App get through, the data can be passed each other, for example, I was at a photo gallery website (pinterest) saw a very beautiful picture, click on the collection, You can sync automatically to Google Cloud Drive, Dropbox, or something I saw on the web that was a good article. Notion can also sync automatically to Python.

You can check out my video for a demonstration. Zapier currently supports 3000+ apps.

Writing tools

Local writing tools

I mainly use MWeb, which is used to write the text in the video. Compared with other writing tools, MWeb has the following advantages:

  • It has very powerful folder management function
  • Built-in map bed upload function: can be uploaded to qiuniuyun, Ali Cloud, Tencent cloud, and biaoyun, etc., here is a suggestion, picture resources had better be uploaded to their own cloud space, do not rely on a third party platform, at present I mainly upload pictures to Qiuniuyun.

  • Built-in publishing service: you can publish to Evernote, Wordfinch, Weiji, Minority, and many other places

  • Static Web: This feature is a boon for those of you who don’t know blogging. MWeb is not only a note-taking, writing tool, but also a static blog generation tool.

Online notes

< span style = “box-sizing: border-box; color: RGB (74, 74, 74); line-height: 22px; font-size: 14px! Important; white-space: inherit! Important;” I will introduce how to interconnect these software in the next video.

Markdown typesetting

There are a lot of online typesetting tools listed here. I mainly use these typesetting tools to publish articles written locally with Markdown on wechat official account, Zhihu and other platforms. At present, I mainly use Typro for typesetting, which has several advantages:

  • You can customize the style to your liking
  • One-click copy to official account and Zhihu

Collaborative tools

Online cloud disk

  • Blue play cloud and lightning disc this is very easy to use network disk tools, space unlimited, download speed limit, mainly for external sharing files
  • Google Cloud Disk and Dropbox are primarily used to store data, but they have the added benefit of being able to sync across multiple devices

Conversion tool

This includes file format conversion, regular expression test, XML format conversion, two-dimensional code generation and so on, here I mainly want to introduce the regular expression test tool, this is a very useful online test regular expression tool, not only can view the results, but also can generate a variety of languages code.

Web tools

The main list of network speed, safety check and so on

MAC software is free to download

If you have a MAC, this site must be bookmarked. It contains many major software programs, all of which are free. If you think the software is easy to use, it is recommended to buy genuine.

Download tool

It mainly lists tools for downloading music and videos from Youtube and apps from GooglePlay.

The free API

Here is a list of free apis on the web that you can use to develop open source projects. My previous open source project, PokemonGo, used the same PokeAPI and currently has 1.3k stars on github.

Online Toolbox

The online toolkit contains many tools such as code handling tools, webmaster tools, multimedia tools, and convenience tools, which should meet the daily needs of work and life. If you can’t find it here, there is also a Chorme plug-in FeHelper which contains many tools. The combination of these two tools should suffice for most scenarios, and I’ll export this plug-in to share with you at the end of this video.

Drawing tools

When we usually write documents, we often need to draw mind maps, flow charts, UML diagrams, and make some charts (flow charts, pie charts, etc.). The tools here can basically meet the needs of our daily work.

  • Baidu Tu said: mainly used to convert data into charts (flow charts, pie charts, etc.)
  • Processon: This is an online mind map tool. I created a mind map with Processon before I organized my favorites, so I could generalize later

Technology blogs and tutorials

I’ve divided technical blogs and tutorials into three categories: technical tutorials, technical documentation, and technical blogs.

Technology tutorial

It mainly lists some design patterns, data structures and algorithms, Git, Python, Django, Java and other learning sites, among which There are many free tutorials in Yoda City, such as Google published a lot of Kotlin, Andriod tutorials and so on.

Technical documentation

It mainly lists some official API manuals for quick search when you need them.

Technology blog

There are many great blogs with high quality posts, such as Android god Jake Wharton, that continue to be shared daily.

Online source code view

The main list of some Android, Github, Eclipse online source address, usually need to quickly go to view.

Products/Operations

  • Domain name: includes domain name privacy protection, domestic and foreign domain name registration
  • Server: includes domestic and foreign server providers, free CDN services, and free HTTPS certificates
  • Data analysis: including public account analysis, App and website data statistics, as well as professional App data analysis
  • SEO: mainly used to do website search ranking
    • This is the best online site map generator, will generate the results submitted to Google, Baidu, Sogou and other search engines, can help you improve the site search ranking
    • The site inclusion submission entry contains the inclusion address of the major search engines


A “like” would be the biggest encouragement if it helps

More code, more articles

Welcome to the public account: ByteCode, continue to share the latest technology


Finally, recommend long-term update and maintenance projects:

  • Personal blog, will all articles classification, welcome to check hi-dhl.com

  • KtKit compact and practical, written in Kotlin language tool library, welcome to check KtKit

  • Androidx-jetpack-practice androidX-Jetpack-practice androidX-Jetpack-practice androidX-Jetpack-Practice androidX-Jetpack-Practice

  • LeetCode/multiple thread solution, language Java and Kotlin, including a variety of solutions, problem solving ideas, time complexity, spatial complexity analysis

    • Job interview with major companies at home and abroad
    • LeetCode: Read online

Must-read articles these days

  • Avoid abusing the Kotlin extension function
  • Android 12 is here, did your App crash?
  • Is the LinkedList down?
  • Kotlin announced a blockbuster feature
  • Google has announced the abandonment of the LiveData.observe method
  • Kotlin code affecting Performance (1)
  • Jetpack Splashscreen parsing | power generation IT migrant workers get twice the result with half the effort
  • Kotlin’s Technique and Analysis (3)
  • Uncover the == and === in Kotlin
  • The Kotlin hermetic class evolved