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

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.

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.

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.

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.

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.

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.

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.

8. CSS-TRICKS

https://css-tricks.com /

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

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!

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.

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...

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~

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.

14. Color Hunt

https://colorhunt.co/

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

15. Carbon

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

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

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.

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~

##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!

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~

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.

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.

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.

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.

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.

25. Programmer Humor

https://programmerhumor.io/

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

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

Author: Yihui

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