머리말

몇 가지 유용한 웹사이트를 공유하고 싶습니다. 그 중 일부는 생산성을 향상시킬 수 있고, 일부는 기사 작성에 도움이 되며, 일부는 디자인에 도움이 될 수 있습니다. 이제 살펴보겠습니다.

1. 소스 코드에 대한 아름다운 이미지를 만들고 공유하십시오.

링크

Carbon 을 사용 하여 소스 코드의 아름다운 이미지를 만들고 공유하십시오. 다양한 코드 스타일과 테마를 제공합니다.

2. JavaScript 정규 표현식 시각화 도우미

링크

당신은 복잡해 보이기 때문에 정규식을 배우고 싶지 않은 사람입니까? 걱정 마세요. 예전에는 똑같았지만 더 이상은 아닙니다. 시각화 도구 를 사용하면 정규 표현식을 더 쉽게 이해할 수 있습니다.

3. 랜덤 이미지

링크

인터넷에서 자유롭게 사용할 수 있는 이미지 소스입니다. 어디에서나 제작자가 제공합니다.

4. 스마트 WebP, PNG 및 JPEG 압축

링크

종종 이미지를 압축해야 할 수도 있습니다. tinypng 는 무료이며 압축된 이미지는 고화질입니다.

5. 코드펜

링크

CodePen을 사용하면 이 예제와 같이 Medium에 데모 코드를 삽입하는 것이 매우 편리합니다.

6. 오픈 소스 아이콘

링크

웹, iOS, Android 및 데스크탑 앱에서 사용할 프리미엄 디자인 아이콘을 포함하여 Ionic에서 필요한 모든 아이콘을 찾을 수 있습니다. SVG 및 웹 글꼴 지원. 완전히 오픈 소스인 Ionic .

7. 매우 실용적인 팔레트

링크

디자인할 때 적절한 색상을 찾지 못하셨나요? 컬러 헌트 는 우리를 도울 수 있습니다.

8. 사용할 수 있습니까?

링크

Front-end 엔지니어는 종종 브라우저 호환성을 확인해야 합니다. Can I use 는 다양한 인기 브라우저에서 CSS와 JavaScript의 기능과 호환성을 쿼리할 수 있는 웹사이트입니다.

9. 개발 문서

링크

이 웹 사이트 에는 다양한 프로젝트에 대한 문서가 있으며 오프라인 사용도 지원합니다.

10. cdnjs

링크

때로는 프로그래밍 연습을 위한 온라인 리소스가 필요합니다. cdnjs 는 거의 모든 오픈 소스 라이브러리를 찾는 데 도움이 됩니다.

11. 이미지 배경 제거

링크

이 웹사이트는 이미지 배경을 100% 자동으로 무료로 삭제할 수 있도록 도와줍니다.

12. 읽어보기

링크

README 파일을 만드는 가장 쉬운 방법인 이 간단한 편집기를 사용하면 프로젝트의 readme에 필요한 모든 섹션을 빠르게 추가하고 사용자 지정할 수 있습니다.

13. 웹사이트가 얼마나 빨리 로드됩니까?

링크

웹 사이트의 성능을 확인하고 속도가 느린 이유를 밝히고 최적화 기회를 찾으십시오.

14. 온라인에서 사진 편집

링크

기사를 쓰려면 사진이 필요합니까? 이미지는 이 웹사이트를 통해 온라인으로 디자인할 수 있습니다.

15. 로열티 프리 일러스트레이션

링크

디자인을 강화하는 2,500개 이상의 로열티 프리 일러스트레이션.

마침내

읽어주셔서 감사합니다 . 앞으로 더 새롭고 유용한 웹사이트를 공유하겠습니다.

PlainEnglish.io 에서 더 많은 콘텐츠를 만나보세요 . 무료 주간 뉴스레터 에 가입하십시오 . Twitter 와 LinkedIn 에서 팔로우하세요 . 커뮤니티 Discord 에 가입하세요 .