Diese GitHub-Seite listet Nicht-JS-Alternativen für allgemeine UI-Funktionen auf

Wie oft wollten Sie ein schnelles CSS-Slideshow oder modales Fenster erstellen ? Dies sind einige der gebräuchlichsten UI-Elemente im Web und heutzutage können Sie sie ohne JavaScript erstellen.

Sicher, es ist möglich, Google auf der Suche nach Lösungen zu treffen. Aber warum nicht aus einer kuratierten Liste von tollen Ressourcen auswählen ?

Hier kommt diese GitHub-Seite ins Spiel. Es trägt den Titel "Sie brauchen kein JavaScript" und bietet eine riesige Liste praktikabler Lösungen für allgemeine Oberflächenelemente .

Eine Sache zu beachten ist, dass diese Codes nicht alle Lösungen sind .

Nicht alles in der Liste unterstützt alle Browser, und viele dieser Lösungen sind nicht vollständig in der Lage, eine graziöse Verschlechterung oder Probleme mit mobilen Browsern zu verarbeiten. Daher müssen Sie jedes einzelne von Fall zu Fall untersuchen.

Wenn Sie jedoch für reine CSS-Lösungen sterben, dann ist dieser GitHub für Sie da.

Die Liste enthält mehr als 20 verschiedene UI-Elemente mit vielen prominenten Lösungen wie:

• Hamburger Menüs
• Tooltipps
• Registerkarten
• Bildergalerien
• Dropdown-Menüs
• Und so viel mehr.

Jedes Projekt verlinkt zu einer CodePen-Demo, in der Sie es zusammen mit Beispiel-Quellcode live sehen können.

Beachten Sie, dass dieser spezifische GitHub Repo keinen tatsächlichen Code enthält . Vielmehr ist es nur eine Liste von CodePen-Demos, die Nicht-JS-Lösungen für allgemeine Schnittstellenprobleme bieten .

Dies ist die perfekte Ressource, um Lesezeichen für zukünftige Referenz und halten Sie sich in der Nähe, wenn nötig.

Sie können Beiträge einreichen, indem Sie jemanden von der GitHub-Hauptseite kontaktieren, wenn Sie Ideen oder Vorschläge für neue Ressourcen haben.

Sie können beliebigen Quellcode aus diesen Demos kopieren und in Ihren Projekten wiederverwenden .

Stellen Sie sicher, dass Sie die Registerkarte CSS-Eigenschaften überprüfen, bevor Sie etwas kopieren, da einige zusätzliche Bibliotheken enthalten .

Alles in allem ist dies ein fantastisches GitHub Repo und es ist viel einfacher zu verwenden als Google für diese perfekte Lösung zu durchsuchen.

Überprüfen Sie die vollständige GitHub-Seite hier, und wenn Sie alle möglichen Änderungen anzeigen möchten, können Sie diese auf dem Pull-Requests-Tab sehen .