Diese Checkbox-Bibliothek bietet Dutzende von freien CSS-Checkbox-Stilen
Suchen Sie nach benutzerdefinierten Kontrollkästchen-UI-Stilen für Ihre Website? Werfen Sie einen Blick auf die CSS Checkbox-Bibliothek, die kostenlos auf GitHub gehostet wird.
Diese umfangreiche Bibliothek unterstützt Dutzende von Stilen für Checkbox-Elemente wie Schieberegler, On / Off-Designs, Kreise und Quadrate unter vielen anderen Formen.
Sie erhalten vollen Zugriff auf den HTML / CSS-Code, so dass es ein Kinderspiel ist, es auf Ihrer Website einzurichten. Ganz zu schweigen davon, dass es auch vollständig Open Source ist und sowohl für private als auch für kommerzielle Projekte verfügbar ist .
Um zu beginnen, können Sie das GitHub Repo besuchen und alle Dateien lokal auf Ihren Rechner herunterladen . Oder Sie können die Bibliothek über npm installieren.Standardmäßig enthält jeder Kontrollkästchenstil eine eigene Klasse . Das checkboxes.min.css
Stylesheet enthält alles, was Sie brauchen, wenn Sie also auf Ihrer Seite sind, sind Sie fertig.
Jeder Checkbox-Stil unterstützt moderne Browser und die meisten älteren Browser, einschließlich IE9 + .
Der Workflow für diese Bibliothek ist vielleicht der einfachste, den ich je gesehen habe. Sobald Sie das Stylesheet zu Ihrer Seite hinzugefügt haben, durchsuchen Sie einfach alle Stile in der Hauptdemo und sehen Sie, was heraussticht.
Von dort können Sie auswählen, was am besten funktioniert. Wenn Sie auf die Schaltfläche HTML klicken, wird ein Modal mit dem Quellcode für dieses Kontrollkästchen angezeigt . Kopieren Sie es einfach in Ihre Site, geben Sie ihm den richtigen Namen / Wert (falls zutreffend) und Sie sind fertig!
Kein Aufwand, sehr wenig Anpassung und im Grunde keine Programmierkenntnisse erforderlich.
Sie werden feststellen, dass jeder Checkbox-Stil sowohl in einem hellen als auch in einem dunklen Thema für mehr Unterstützung zur Verfügung steht. Das bedeutet, dass Sie keine Probleme haben sollten, eine Checkbox zu finden, die zu Ihrer Website passt. Außerdem können Sie zusätzliche Klassen wie .ckbx-small
oder .ckbx-xlarge
, um die Größe zu erhöhen.
Mit über 25 verschiedenen Stilen und vielen verschiedenen Animationen muss ich sagen, dass diese CSS Checkbox Library beeindruckend ist. Ideal für jeden Frontend-Entwickler, der Zeit in seinem Workflow sparen und das UI-Design jedes Webformulars verbessern möchte .
Wie möchten Sie Webdesign lernen?
Sind Sie daran interessiert, Webdesign zu lernen, aber nicht sicher, welchen Weg Sie einschlagen sollten? Nun, im Allgemeinen gibt es 3 Hauptwege, auf denen Leute auf dem Gebiet Webdesign lernen. Abhängig von Ihren Umständen können Sie einen Pfad günstiger als die anderen beiden finden.In diesem einfachen Post werden wir über die Vorteile, Nachteile und die wichtigsten Highlights beim Lernen von Webdesign durch traditionelle Schulbildung diskutieren, anstatt Online-Kurse im Vergleich zu selbstlernend zu nehmen. Am
5 Android Apps für weniger Sperrbildschirm
Der Sperrbildschirm ist eine wesentliche und redundante Funktion des Smartphones. Auf der einen Seite ist es wichtig, dass Sie sich nicht versehentlich an jemanden wenden oder eine App starten, und verhindert unbefugten Zugriff auf Ihr Telefon. Auf der anderen Seite ist der Sperrbildschirm eine zusätzliche (aber frustrierende) Sache, die Sie umgehen müssen, um zu den Apps zu gelangen, die Sie brauchen .A