프론트엔드 개발에서 놓쳐서는 안 될 25개의 웹사이트를 즐겨찾기에 추가하세요!

우리 개발자의 작업을 더 쉽게 만들어 줄 웹사이트가 많이 있습니다. 이번 글에서는 개발자가 꼭 방문해야 할 킬러 웹사이트 25곳을 소개하겠습니다.

1. DevDocs

https://devdocs.io/

DevDocs는 다양한 언어, 프레임워크, 라이브러리의 API를 하나의 웹 페이지에 모아서 한 페이지에서 직접 검색할 수 있습니다.

2.ray.so

https://ray.so/

이 웹사이트에서는 다크 모드와 다양한 사전 설정을 지원합니다. 언어 테마. VSCode 확장을 사용할 수도 있습니다.

3. Poet.so

https://poet.so/

이 웹사이트는 Twitter, LinkedIn, Shopify 등 세 가지 소셜 미디어 웹사이트의 웹 링크를 기반으로 이미지를 생성할 수 있습니다. 그리고 선택할 수 있는 매우 아름다운 스타일과 테마를 제공합니다.

4.roadmap.sh

https://roadmap.sh/

이 웹사이트는 개발자가 참조할 수 있는 몇 가지 학습 경로와 학습 자료를 제공합니다. 기술 분야의 초보자에게 매우 도움이 됩니다.

5. LambdaTest

https://www.lambdatest.com/

LambdaTest는 클라우드 기반 크로스 브라우저 테스트 플랫폼입니다. 애플리케이션을 테스트하기 위해 최대 2,000개의 다양한 브라우저, 운영 체제 및 장치를 제공합니다. 이를 사용하여 브라우저 호환성 문제에 대해 애플리케이션을 자동화하거나 수동으로 테스트할 수 있습니다.

6.daily.dev

https://app.daily.dev/

daily.dev를 통해 매일 읽기에 적합한 우수한 기술 기사를 찾을 수 있습니다. 이 웹사이트는 다양한 플랫폼의 우수한 기술 기사를 모아 놓은 것입니다. 브라우저 플러그인을 설치하면 고품질 기술 콘텐츠를 브라우저에 직접 쉽게 업데이트할 수 있습니다.

7.Showwcase

https://www.showwcase.com/

Showwcase는 취업 기회를 찾고 있는 개발자, 개발 커뮤니티 및 개발자에 초점을 맞춘 새로운 소셜 미디어입니다. 디자인 컨셉은 LinkedIn과 약간 비슷하지만 개발자 분야에만 중점을 둡니다.

8. CSS-TRICKS

https://css-tricks.com/

이 웹사이트에서 다양한 CSS 기술을 배워 더욱 아름다운 웹 애플리케이션을 개발할 수 있습니다.

9. Medusa

https://www.medusajs.com

Medusa는 오픈 소스 Shopify 대안입니다. E2E 주문 처리 및 제품 관리 인터페이스를 신속하게 개발하는 데 도움이 될 수 있습니다. 핵심은 Medusa가 무료라는 것입니다!

10. SMARTMOCKUPS

https://smartmockups.com/

왜 아직도 Photoshop을 배우시나요? Smartmockup은 업로드한 사진(제품 자료)을 기반으로 웹 페이지에서 직접 고해상도 제품 템플릿을 생성할 수 있습니다(예: 티셔츠, 물병, 컴퓨터 화면에 제품 표시). 웹브라우저를 기반으로 스마트목업의 전문적인 템플릿 자료가 지속적으로 늘어나고 있으며, 디자인 경험이 없어도 전문적인 템플릿을 얻을 수 있습니다.

11. 코드 뷰티 웹마스터 도구). 그런데 문제는 이런 종류의 웹사이트에는 광고가 너무 많다는 것...

12.overAPI

https://overapi.com/

개발자에게 overAPI는 단연 가장 아름답고 실용적인 웹사이트입니다. 대부분의 개발 언어와 도구의 API를 모아서 한 페이지 메모 형식으로 제시합니다. 구경가세요~

13. Responsively

https://반응형.app/

다양한 디바이스의 화면을 볼 수 있는 오픈소스 프로젝트 기반의 웹사이트입니다. 동시에 한 페이지에서 반응형 웹사이트를 매우 편리하게 개발할 수 있으며 프런트엔드 개발의 효율성도 크게 향상됩니다.

14. Color Hunt

https://colorhunt.co/

디자이너와 웹 개발자가 뛰어난 색상 구성표를 선택할 수 있는 웹사이트입니다.

15. Carbon

https://carbon.now.sh/

ray.so와 마찬가지로 이 웹사이트도 코드 조각에서 이미지를 생성하는 기능을 제공합니다.

16.메타태그

https://metatags.io/

해외 구글, 페이스북, 링크드인 등 국제적인 개발이 필요한 프론트엔드에 매우 중요한 사이트입니다. 등. 소셜 미디어는 일련의 <meta>标签，当你的网页被检测到对应的<meta>标签时，在这些社交媒体进行分享或者展现你的网页时，会提供额外的能力。这个网站就能够自动生成这些<meta> 태그를 제공하며, 웹페이지에서 해당 태그가 다양한 소셜 미디어에 어떻게 표시되는지 직접 미리 볼 수 있습니다.

17. Profile Pic Maker

https://pfpmaker.com/

개발자로서 다양한 소셜 미디어의 아바타가 걱정되시나요? 이 웹사이트는 귀하가 업로드한 사진을 기반으로 자동으로 아바타를 생성할 수 있습니다. 이 아바타들은 AI로 처리되어 배경이 생성되었습니다. 한번 사용해 보세요~

18.Dev Tools

https://smalldev.tools

이 웹사이트에서는 일반적으로 사용되는 일련의 도구를 제공합니다. Base64 인코딩/트랜스코딩, 코드 형식 지정, 이미지 압축 및 기타 기능과 같은 개발자가 제공합니다. 가장 중요한 것은 이 웹사이트가 매우 신선하고 광고가 없다는 것입니다!

19.resume.io

https://resume.io/

이 웹사이트에서는 고품질 이력서를 작성할 수 있습니다. 뛰어난 템플릿을 제공하여 전문적인 이력서를 작성하는 데 도움이 됩니다. 한번 해보세요~

20. CODEPEN

https://codepen.io/

CodePen은 HTML, CSS, Front를 작성할 수 있는 웹 기반 개발 플랫폼입니다. -JavaScript와 같은 언어를 종료합니다. 그리고 실시간으로 표시되므로 문제 해결이 더 쉬워집니다. 개발자와 디자이너는 전 세계 사람들과 코드 샘플을 교환할 수도 있습니다.

21.Storytale

https://storytale.io/

Storytale은 상업적, 개인적 용도로 사용할 수 있는 일러스트를 모아 놓은 웹사이트입니다. 다운로드) . 일러스트레이션을 합리적으로 사용하면 웹사이트 요소를 풍부하게 만들 수 있으며 이는 웹 디자이너와 프런트엔드 개발자에게 매우 도움이 됩니다.

22.readme.so

https://readme.so/

이 웹사이트를 사용하면 README 프로젝트를 매우 쉽게 만들 수 있습니다. 웹사이트에서 제공하는 간단한 편집기를 사용하여 README에 필요한 모듈을 빠르게 추가하세요. 이 웹사이트를 사용하여 프로젝트에 대한 문서를 빠르게 만들 수 있습니다.

23.Peppertype

https://www.peppertype.ai

Peppertype은 콘텐츠를 빠르게 제작하고 구상할 수 있도록 도와주는 웹사이트입니다. 귀하의 비즈니스, 브랜드 및 대상 고객을 분석한 다음 기계 학습 및 AI를 사용하여 새로운 콘텐츠를 만듭니다.

24. Synthesia

https://www.synthesia.io/

Synthesia를 사용하면 50개 이상의 언어로 AI 기반 동영상을 만들 수 있습니다. 비디오 콘텐츠를 만드는 데에는 카메라, 마이크 또는 실제 얼굴이 필요하지 않습니다. 스크립트를 업로드하기만 하면 AI 라이브 비디오를 얻을 수 있어 얼굴을 보여주고 싶지 않은 비디오 제작자에게 적합합니다.

25. 프로그래머 유머

https://programmerhumor.io/

이 웹사이트에서는 다양한 프로그래밍 및 개발자 농담을 제공하며, 오락용으로 시청할 수 있습니다~

원본 주소 : https://juejin.cn/post/7077196404422246430

저자 : Yihui

더 많은 프로그래밍 관련 지식을 보시려면 프로그래밍 영상을 방문해 주세요! !