First, learning website recommendation

  1. W3school online tutorial: this is a front-end but relatively complete site, which is mainly some web related basics.

  1. Moocs – Programmer’s Dream Factory: this site is sure to be used by many people, an online learning site for programmers, with a wealth of tutorials, resources and more.

  1. Nuggets – Juejin. Im – a community that helps developers grow

: a technical articles community, there are many, many valuable articles, is a good place to learn.

  1. CodePen: This website is a good place to learn about front-end demos and projects written at home and abroad. You can also write code online.

  1. Front-end navigation – the most comprehensive front-end development URL navigation: front-end navigation site, a collection of many front-end learning sites.

  1. Online Tools – Programmer’s Toolbox: An online tool site with a hodgepodge of tools for development rooms, such as JSON conversions, is worth collecting.

Second, tool class recommendation

1. Webmaster tools

Web site address: ntool.chinaz.com/tools/nav

Recommended reasons:

  • richCode conversionAnd commonly usedOnline tools
  • powerfulSearch optimization AIDS
  • One of the biggestBuild station material library, the most practical stationmaster tools

2. The Snipaste screenshot tool

Website: zh.snipaste.com/

Recommended reasons:

  • Powerful screenshots: automatic detection of interface element areas, pixel-level mouse movement control, screenshots range control
  • map: Put screenshots back on the screen, zoom in, rotate, flip, make them translucent, and even allow the mouse to penetrate them
  • The color is: Shortcut keys to take color RGB/HEX fast and convenient
  • Using asimple,Improve work efficiency

If you are a programmer, designer, or spend most of your working time in front of a computer, this tool will change the way you work and increase productivity.

3. Format factories

Web site address: www.pcgeshi.com/index.html

Recommended reasons:

  • Free multi – function multimedia format conversion software

  • Supports almost all types of multimedia formats to several commonly used formats

  • Converting image files supports zooming, rotation, watermarking and other functions

  • Support conversion process can repair some accidentally damaged video files

4. Windows Activation Tool

Website address: win.shibojiaa.cn/

Recommended reasons:

  • free
  • One key can be achieved, simple operation
  • Permanent perfect offline activation, high success rate

5. PhotoShop CC

Recommended reasons:

As the preferred tool for cutting images and P images, we often encounter some image processing in our daily work. Simple PS skills are also what we need to have. PhotoShop software from photo editing and compositing to digital painting, animation and graphic design, first-class image processing and graphic design applications are at the heart of almost every creative project.

Software download address recommended:

Mp.weixin.qq.com/s/czb5KVCoc…(including each version, according to the needs of their own)

Alibaba Vector icon library

Website: www.iconfont.cn/

Recommended reasons:

  • Online icon search
  • Personal icon library management, project icon management
  • Vector format conversion: SVG download, AI download, PNG download
  • Change size and color freely
  • You can add visual effects such as shadows, rotations and transparency

7. CSS Sprites Generato

Web site address: www.toptal.com/developers/…

Recommended reasons:

  • Blend multiple images into one image
  • You can set the layout and spacing of picture fusion
  • Generate corresponding CSS according to the fused image

8. ProcessOn

Address: www.processon.com/

Recommended reasons:

  • Free onlineMake flow charts, mind maps, prototypes, etc
  • Share league memberReal-time collaboration
  • Bring together powerful graphics tools

9. The blue lake

Lanhuapp.com/

Recommended reasons:

  • A shared platform for product documentation and design drawings
  • free
  • Automatically generate design drawing annotation, code, cut map download
  • Display page hopping logic
  • Design history version management, design drawing management

10. MDnice

Website: www.mdnice.com/

Recommended reasons:

  • Maekdown online editing, beautification and typography
  • List of articles, register to log in to retain documents
  • Automatically saved
  • Rich theme, code theme, also can be customized
  • A variety of free chart beds
  • Can be directly copied to zhihu, public number, nuggets and other platforms
  • You can export PDF, MarkDown, or import MarkDown files

11. uTools

Website: www.u.tools/

Recommended reasons:

  • Minimalist, plug-in, cross-platform modern desktop software
  • A rich collection of plug-ins and tools

12. Nail penetration && uTools penetration

Nail Intranet penetration tutorial address: juejin.cn/post/690184…

UTools Intranet through the tutorial address: www.jianshu.com/p/d06f0beaa…

Recommended reasons:

  • free
  • The operation is simple

What do you recommend? Share them in the comments below at 😊