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. Существует также соглашение об именах для изображений: {категория}-{number} .webp Номер следует за последним существующим номером изображения. Если вы добавляете первый сайт в категории, например, зернистый, то это был бы зернистый-1.webp, за которым следует зерни-2.webp и так далее.
5. GIF добавляется, когда полезно показывать анимацию предварительного просмотра элемента. Он должен иметь тот же номер, что и изображение, за которым следует буква «G», например, Image-1G.Webp. Этот GIF будет показан только в модале.
6. Изображение должно идеально захватить элемент (200x344).
7. GIF должен быть как можно более коротким, только захватывая основной эффект/анимацию, поэтому файл не должен превышать 10 МБ.

Спасибо за проверку проекта!