de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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 .

Heartbleed: Was ist es und was sollten Sie dagegen tun?

Heartbleed: Was ist es und was sollten Sie dagegen tun?

Wenn Sie in Ihrem Newsfeed ein rotes, hohles, tropfendes Herzsymbol sehen, dann haben Sie wahrscheinlich schon von der neuesten Sicherheitslücke gehört, die das Internet getroffen hat: Heartbleed . Der Sicherheits-Bug, der die Sicherheit von Accounts auf Seiten wie Yahoo, Facebook und sogar der Canadian Revenue Agentur gefährdet hat, hat das ganze Internet in die Höhe getrieben. Si

(Tech- und Design-Tipps)

So zeigen Sie verkürzte URLs an, ohne sie zu öffnen

So zeigen Sie verkürzte URLs an, ohne sie zu öffnen

Wenn Sie jemals auf einen Link in einer E-Mail oder auf einer Website stoßen, bewegen Sie den Mauszeiger immer darüber, um die Ziel-URL am unteren Rand des Browsers anzuzeigen, um sicherzustellen, dass sie sicher ist. Dieser Trick funktioniert jedoch nicht mit verkürzten URLs, die heutzutage auf Social-Media-Websites üblich sind.Die

(Tech- und Design-Tipps)