stacksorted

Pile triée.

Un projet open-source, ouvert à contribution qui classe les sites Web, non par conception générale ou sujet, mais par des éléments spécifiques.

Comment contribuer

Vous pouvez soit contribuer en améliorant le code ou en ajoutant des sites à la base de données. Avant cela, assurez-vous de lire les codes de conduite.

Améliorer le code

S'il y a une fonctionnalité que vous aimeriez voir, ouvrez un problème ou envoyez une demande de traction.

Ajout d'un site

Nous ajoutons principalement des sites et catégories à Database.js.

Il y a jusqu'à 5 propriétés que vous pouvez spécifier pour chaque site:

 {
          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",
},

Garder à l'esprit

1. Le name , url et image sont obligatoires. code et gif sont facultatifs.
2. Vous pouvez l'ajouter s'il existe une implémentation existante de la conception sur Codepen ou des sites similaires. Si vous en faites un vous-même, vous pouvez également ajouter le lien.
3. Vous pouvez ajouter les images au public/images .
4. Il existe également une convention de dénomination pour les images: {catégorie} - {numéro} .webp Le numéro suit le dernier numéro d'image existant. Si vous ajoutez le premier site dans une catégorie, par exemple, granuleux, alors ce serait granuleux-1.webp, suivi de granuleux-2.webp, etc.
5. Un GIF est ajouté lorsqu'il est utile d'afficher une animation d'aperçu de l'élément. Il doit avoir le même numéro que l'image suivie de la lettre «G», par exemple, image-1g.webp. Ce GIF se présentera dans le modal uniquement.
6. L'image doit parfaitement capturer l'élément (200x344).
7. Le GIF doit être aussi court que possible, ne capturant que l'effet / animation principale, donc le fichier ne doit pas dépasser 10 Mo.

Merci d'avoir consulté le projet!