Home  >  Article  >  25 websites not to be missed in front-end development, add them to your favorites!

25 websites not to be missed in front-end development, add them to your favorites!

青灯夜游
青灯夜游forward
2022-04-15 11:15:205909browse

There are many websites that can make our developers' work easier. In this article, I will introduce 25 killer websites that I think developers must visit.

1. DevDocs

https://devdocs.io/

DevDocs brings together the APIs of different languages, frameworks, and libraries onto one web page, and you can search directly on one page.

25 websites not to be missed in front-end development, add them to your favorites!

2. ray.so

https://ray.so/

This website allows you to generate very beautiful screenshots of code snippets. It supports dark mode and various preset language themes. You can also use its VSCode extension.

25 websites not to be missed in front-end development, add them to your favorites!

3. Poet.so

https://poet.so/

The website can generate images based on web links from three social media websites: Twitter, LinkedIn and Shopify. And it provides very beautiful styles and themes to choose from.

25 websites not to be missed in front-end development, add them to your favorites!

4. roadmap.sh

##https://roadmap.sh/

This website provides some learning paths and learning materials for developers to refer to, which is very helpful for beginners who want to learn a certain technical field.

25 websites not to be missed in front-end development, add them to your favorites!

5. LambdaTest

https://www.lambdatest.com/

LambdaTest is a cloud-based cross-browser testing platform. It provides up to 2,000 different browsers, operating systems and devices to test your application. You can use it to automate or manually test your application for browser compatibility issues.

25 websites not to be missed in front-end development, add them to your favorites!

6. daily.dev

https://app.daily.dev /

Through the daily.dev website, you can find excellent technical articles suitable for reading every day. This website aggregates excellent technical articles on various platforms. You can install their browser plug-in to easily update high-quality technical content directly to your browser.

25 websites not to be missed in front-end development, add them to your favorites!

7.Showwcase

https://www.showwcase.com/

Showwcase is a new social media focused on developers, the development community and developers looking for job opportunities. Its design concept is a bit like LinkedIn, but it only focuses on the developer field.

25 websites not to be missed in front-end development, add them to your favorites!

8. CSS-TRICKS

https://css-tricks.com /

You can learn various CSS techniques from this website to help you develop more beautiful web applications.

25 websites not to be missed in front-end development, add them to your favorites!

9. Medusa

##https://www.medusajs.com

Medusa is an open source Shopify alternative. It can help you quickly develop E2E order processing and product management interfaces. The key is, Medusa is free!

25 websites not to be missed in front-end development, add them to your favorites!

10. SMARTMOCKUPS

https://smartmockups.com/

Why do you still spend time learning Photoshop? Smartmockup can generate high-resolution product templates directly on the web page based on the pictures (product materials) you upload (for example, display your products on T-shirts, water bottles, and computer screens). Based on the web browser, Smartmockup's professional template materials are constantly increasing, and you can get professional templates without any design experience.

25 websites not to be missed in front-end development, add them to your favorites!

11. Code Beautify

https://codebeautify.org

Beautify your code on the web page, and the website provides a series of tools that developers often use (a bit like webmaster tools). But the problem is that there are many advertisements on such websites...

125 websites not to be missed in front-end development, add them to your favorites!

12. overAPI

##https://overapi.com/

For developers, overAPI is definitely the most beautiful and practical website. It aggregates the APIs of most development languages ​​and tools and presents them in the form of a one-page memo. Go check it out~

125 websites not to be missed in front-end development, add them to your favorites!

13. Responsively

https://responsively .app/

This is a website based on an open source project. It can display the screens of various devices on the same page, allowing you to develop responsive websites very conveniently, greatly improving the efficiency of front-end development. efficiency.

125 websites not to be missed in front-end development, add them to your favorites!

14. Color Hunt

https://colorhunt.co/

A website that allows designers and web developers to choose excellent color schemes.

125 websites not to be missed in front-end development, add them to your favorites!

15. Carbon

##https://carbon.now.sh/

Like ray.so, this website also provides the ability to generate images from code snippets.

125 websites not to be missed in front-end development, add them to your favorites!

16. Meta Tags

https://metatags.io/

This website is very important for front-ends that require international development. Foreign social media such as Google, Facebook or LinkedIn provide a series of
<meta>

tags. When your web page is detected with the corresponding <meta> tag, it will provide additional capabilities when sharing or displaying your web page on these social media. This website can automatically generate these <meta> tags, and can preview how they will appear on different social media directly on the web page.

125 websites not to be missed in front-end development, add them to your favorites!

17. Profile Pic Maker

https://pfpmaker.com/

As a developer, are you worried about your avatars on various social media? This website can automatically generate an avatar based on any picture you upload. These avatars have been processed by AI and generated backgrounds, try it and see~

125 websites not to be missed in front-end development, add them to your favorites!

##18.Dev Tools

https://smalldev.tools

This website provides a series of tools commonly used by developers, such as Base64 encoding/transcoding, code formatting , image compression and other functions. The most important thing is that this website is very refreshing and has no ads!

125 websites not to be missed in front-end development, add them to your favorites!

19. resume.io

https://resume.io/

This website allows you to create high-quality resumes. It will help you create a professional resume by providing you with excellent templates. Go give it a try~

125 websites not to be missed in front-end development, add them to your favorites!

20. CODEPEN

https://codepen .io/

CodePen is a web-based development platform that allows users to write front-end languages ​​such as HTML, CSS, and JavaScript on web pages. And it's visible in real time, which makes troubleshooting easier. Developers and designers can also exchange code samples with the rest of the world.

25 websites not to be missed in front-end development, add them to your favorites!

21. Storytale

https://storytale.io/

Strorytale is a website that collects illustrations that can be used for commercial and personal purposes (you need to open a membership to download). Reasonable use of illustrations can enrich your website elements, which is very helpful for web designers and front-end developers.

225 websites not to be missed in front-end development, add them to your favorites!

22. readme.so

https://readme.so/

This website allows you to create a project README very easily. Use the simple editor provided by the website to quickly add the modules you need in your README. You can use this website to quickly create documentation for your project.

225 websites not to be missed in front-end development, add them to your favorites!

23. Peppertype

https://www.peppertype.ai

Peppertype is a website that can help you quickly produce and conceive content. It analyzes your business, brand and target audience, then uses machine learning and AI to create fresh content for you.

225 websites not to be missed in front-end development, add them to your favorites!

24. Synthesia

https://www.synthesia.io/

Synthesia helps you create AI-powered videos in more than 50 languages. You don't need a camera, microphone, or real face to create video content. You just upload your script and you get an AI live video, perfect for video creators who don’t want to show their faces.

225 websites not to be missed in front-end development, add them to your favorites!

25. Programmer Humor

https://programmerhumor.io/

This website provides a lot of programming and developer jokes, you can read them for entertainment~

225 websites not to be missed in front-end development, add them to your favorites!

Original address: https:/ /juejin.cn/post/7077196404422246430

Author: Yihui

For more programming-related knowledge, please visit: Programming Video! !

Statement:
This article is reproduced at:juejin.cn. If there is any infringement, please contact admin@php.cn delete