stacksorted

Stack sortiert.

Ein Open-Source-Projekt offen, das Websites kategorisiert, nicht nach allgemeinem Design oder Thema, sondern nach bestimmten Elementen.

Wie man beiträgt

Sie können entweder einen Beitrag leisten, indem Sie den Code verbessern oder Websites zur Datenbank hinzufügen. Stellen Sie vorher die Verhaltenscodes vor.

Verbesserung des Code

Wenn Sie eine Funktion sehen möchten, öffnen Sie ein Problem oder senden Sie eine Pull -Anfrage.

Hinzufügen einer Website

Wir fügen Websites und Kategorien hauptsächlich zu Database.js hinzu.

Es gibt bis zu 5 Eigenschaften, die Sie für jede Website angeben können:

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

Denken Sie daran

1. Der name , url und image sind obligatorisch. code und gif sind optional.
2. Sie können es hinzufügen, wenn eine vorhandene Implementierung des Designs auf Codepen oder ähnlichen Websites vorhanden ist. Wenn Sie selbst einen machen, können Sie den Link auch dort hinzufügen.
3. Sie können die Bilder zu public/images hinzufügen.
4. Es gibt auch eine Namenskonvention für Bilder: {Kategorie}-{Nummer} .Webp Die Nummer folgt der letzten vorhandenen Bildnummer. Wenn Sie die erste Site in einer Kategorie hinzufügen, z. B. körnig, dann wäre es körnig-1.
5. Ein GIF wird hinzugefügt, wenn es hilfreich ist, eine Vorschau -Animation des Elements anzuzeigen. Es muss die gleiche Nummer wie das Bild haben, gefolgt von Buchstaben 'G', z. B. Image-1g.Webp. Dieses GIF wird nur im Modal angezeigt.
6. Das Bild sollte das Element (200x344) perfekt erfassen.
7. GIF sollte so kurz wie möglich sein und nur den Haupteffekt/die Hauptzufuhr erfassen, sodass die Datei 10 MB nicht überschreiten sollte.

Vielen Dank, dass Sie das Projekt ausprobiert haben!