stacksorted

스택 정렬.

일반 디자인이나 주제가 아니라 특정 요소로 웹 사이트를 분류하는 오픈 소스, 개방형 프로젝트.

기여하는 방법

코드를 개선하거나 데이터베이스에 사이트를 추가하여 기여할 수 있습니다. 그 전에 행동 강령을 읽으십시오.

코드 개선

보고 싶은 기능이 있으면 문제를 열거나 풀 요청을 보내십시오.

사이트 추가

우리는 주로 Database.js에 사이트와 범주를 추가합니다.

각 사이트에 대해 지정할 수있는 최대 5 개의 속성이 있습니다.

 {
          name: "Site/Project/Design Name",
          url: "https://example.com",
          code: "link to code implementation of the design (if existing, preferrably on Codepen)",
          image: "/images/{category}-{number}.webp",
          gif: "/images/{category}-{image-number}.webp",
},

명심하십시오

1. name , url 및 image 필수입니다. code 및 gif 는 선택 사항입니다.
2. Codepen 또는 이와 유사한 사이트에서 기존의 디자인 구현이있는 경우 추가 할 수 있습니다. 직접 만들고 있다면 링크를 추가 할 수 있습니다.
3. public/images 에 이미지를 추가 할 수 있습니다.
4. 이미지에 대한 명명 규칙도 있습니다 : {category}-{number} .webp 숫자는 마지막 기존 이미지 번호를 따릅니다. 예를 들어, 그라진 카테고리에 첫 번째 사이트를 추가하는 경우 grainy-1.webp, grainy-2.webp 등이 있습니다.
5. 요소의 미리보기 애니메이션을 표시하는 데 도움이되면 GIF가 추가됩니다. 이미지와 같은 숫자와 문자 'g', 예를 들어, image-1g.webp가이어야합니다. 이 GIF는 모달에만 표시됩니다.
6. 이미지는 요소를 완벽하게 캡처해야합니다 (200x344).
7. GIF는 가능한 한 짧아서 기본 효과/애니메이션 만 캡처해야하므로 파일이 10MB를 초과하지 않아야합니다.

프로젝트를 확인해 주셔서 감사합니다!