프론트엔드 엔지니어가 꼭 알아야 할 실용적인 웹사이트

1. 컬러 매칭 웹사이트

http://colorhunt.co

이 웹사이트는 우리가 직접 사용할 수 있는 다양한 색상 구성표를 제공합니다. 사용 방법도 매우 간단합니다. 해당 색상에 마우스를 가져다 대면 해당 색상의 16진수 코드를 볼 수 있으며, 도구에 복사하면 사용이 가능합니다.

180가지 그라데이션 구성 중에서 선택할 수 있으며, CSS 스타일을 직접 복사하여 웹페이지에 적용할 수도 있습니다

이 글은 Adobe에서 제공한 것입니다. 다양한 색상 구성표를 제공합니다. 디스크 중앙에 있는 지점을 클릭하여 원하는 색 구성표를 조정합니다.

기존 사진의 색 구성표를 추출하는 도구입니다. 사진을 업로드하면 사용할 사진의 색상을 추출하는 데 도움이 됩니다.

본 홈페이지는 WEB용으로 제작되었으며, 개발시 자주 사용되는 안전한 색상을 사용하고 있습니다. 웹사이트에는 색상의 16진수 코드와 RGB 코드가 나열되어 있으므로 복사하여 붙여넣기만 하면 됩니다.

이것은 온라인 RGB 및 16진수 색상 코드 변환 도구입니다. 해당 위치에 16진수 코드를 입력하고 변환을 클릭하면 RGB 색상 코드를 얻을 수 있습니다.

2. 아이콘 웹사이트

알리바바 아래의 아이콘 라이브러리 웹사이트입니다. 키워드로 직접 검색하시면 수많은 아이콘을 찾으실 수 있습니다. 아이콘을 다운로드할 때 색상, 크기, 형식을 선택하고 필요에 따라 다운로드할 수도 있습니다.

이곳도 아주 유명한 아이콘 라이브러리입니다. 위의 것과 다른 점은 이곳의 아이콘이 단일 색상이 아닌 디자인된 색상이라는 점입니다. 아이콘 다운로드도 매우 간단합니다. 해당 아이콘 위의 형식을 클릭하면 다운로드됩니다.

Font Awesome은 풍부한 벡터 글꼴 아이콘을 제공합니다. 모든 아이콘의 크기, 색상 및 그림자는 CSS를 통해 임의로 제어할 수 있습니다.

3. 플러그인 사이트

본 사이트는 jQuery 플러그인을 공유하며, 다양한 jQuery 특수효과, 온라인 미리보기, jQuery 플러그인의 상세한 사용방법을 제공합니다. 다운로드 및 튜토리얼

이 웹사이트는 이전 웹사이트와 유사하며 다수의 jQuery 플러그인도 제공합니다

이것은 강력한 모듈식 프런트 엔드 프레임워크입니다

H-ui 프런트 엔드 프레임워크, 경량 프런트 엔드 프레임워크, 간단하고 무료입니다. 좋은 호환성, 중국 웹사이트 제공.

4. 머티리얼 사이트

Qianku.com, 이미지 소재 무료 다운로드 사이트

Unsplash는 고품질을 무료로 공유하는 웹사이트 사진 웹 사이트의 사진 해상도는 상당히 크며 모두 실제 사진 작가의 작품입니다. 대부분의 사진은 풍경과 정물입니다.

5. 글꼴 웹사이트

글꼴 라이브러리, 즉 글꼴을 다운로드할 필요 없이 온라인에서 직접 글꼴을 인용할 수 있는 웹사이트가 있습니다.

PS 글꼴 라이브러리에는 거의 모든 유형의 글꼴이 포함되어 있으며 다운로드하여 설치하면 PS에서 사용할 수 있습니다.

6. 도구

http://tool.lu/

다양한 온라인 도구를 포함한 온라인 도구 웹사이트

편리하고 쉬움- 사용 가능한 UI 디자인 도구 모음

일괄적으로 사용할 수 있는 온라인 이미지 압축 도구

다양한 프런트 엔드 도구 및 기술 자료

위 내용은 프론트엔드 엔지니어가 꼭 알아야 할 실용적인 웹사이트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!