First, learning website recommendation
- W3school online tutorial: this is a front-end but relatively complete site, which is mainly some web related basics.
- 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.
- 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.
- 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.
- Front-end navigation – the most comprehensive front-end development URL navigation: front-end navigation site, a collection of many front-end learning sites.
- 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:
- rich
Code conversion
And commonly usedOnline tools
- powerful
Search optimization AIDS
- One of the biggest
Build 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 controlmap
: Put screenshots back on the screen, zoom in, rotate, flip, make them translucent, and even allow the mouse to penetrate themThe color is
: Shortcut keys to take color RGB/HEX fast and convenient- Using a
simple
,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 online
Make flow charts, mind maps, prototypes, etc- Share league member
Real-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