프론트엔드 개발에서 놓쳐서는 안 될 25개의 웹사이트를 즐겨찾기에 추가하세요!
- 青灯夜游앞으로
- 2022-04-15 11:15:205832검색
우리 개발자의 작업을 더 쉽게 만들어 줄 웹사이트가 많이 있습니다. 이번 글에서는 개발자가 꼭 방문해야 할 킬러 웹사이트 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/ 해외 구글, 페이스북, 링크드인 등 국제적인 개발이 필요한 프론트엔드에 매우 중요한 사이트입니다. 등. 소셜 미디어는 일련의 17. Profile Pic Maker https://pfpmaker.com/ 개발자로서 다양한 소셜 미디어의 아바타가 걱정되시나요? 이 웹사이트는 귀하가 업로드한 사진을 기반으로 자동으로 아바타를 생성할 수 있습니다. 이 아바타들은 AI로 처리되어 배경이 생성되었습니다. 한번 사용해 보세요~ https://smalldev.tools 이 웹사이트에서는 일반적으로 사용되는 일련의 도구를 제공합니다. Base64 인코딩/트랜스코딩, 코드 형식 지정, 이미지 압축 및 기타 기능과 같은 개발자가 제공합니다. 가장 중요한 것은 이 웹사이트가 매우 신선하고 광고가 없다는 것입니다! https://resume.io/ 이 웹사이트에서는 고품질 이력서를 작성할 수 있습니다. 뛰어난 템플릿을 제공하여 전문적인 이력서를 작성하는 데 도움이 됩니다. 한번 해보세요~ https://codepen.io/ CodePen은 HTML, CSS, Front를 작성할 수 있는 웹 기반 개발 플랫폼입니다. -JavaScript와 같은 언어를 종료합니다. 그리고 실시간으로 표시되므로 문제 해결이 더 쉬워집니다. 개발자와 디자이너는 전 세계 사람들과 코드 샘플을 교환할 수도 있습니다. https://storytale.io/ Storytale은 상업적, 개인적 용도로 사용할 수 있는 일러스트를 모아 놓은 웹사이트입니다. 다운로드) . 일러스트레이션을 합리적으로 사용하면 웹사이트 요소를 풍부하게 만들 수 있으며 이는 웹 디자이너와 프런트엔드 개발자에게 매우 도움이 됩니다. 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 더 많은 프로그래밍 관련 지식을 보시려면 프로그래밍 영상을 방문해 주세요! ! <meta>标签，当你的网页被检测到对应的<meta>标签时，在这些社交媒体进行分享或者展现你的网页时，会提供额外的能力。这个网站就能够自动生成这些<meta> 태그를 제공하며, 웹페이지에서 해당 태그가 다양한 소셜 미디어에 어떻게 표시되는지 직접 미리 볼 수 있습니다.
