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


Erstellen Sie Fun Animated Radio Buttons mit Radiobox.css

Die Standard-HTML5-Optionsfelder sind ziemlich langweilig. Es gibt Möglichkeiten, sie mit CSS3 anzupassen, aber die meisten Techniken konzentrieren sich nur auf Looks .

Radiobox.css konzentriert sich auf Aussehen und Stil und fügt benutzerdefinierte CSS3-Animationen zu Radioeingaben hinzu.

Diese Bibliothek ist völlig kostenlos und Open Source, verfügbar auf GitHub zum Download. Mit dieser CSS-Bibliothek können Sie aus mehr als 12 verschiedenen Animationen auswählen, die für Optionsfelder gelten.

Ohne benutzerdefinierte CSS-Stile sehen sie immer noch wie normale Radioeingaben aus . Wenn der Benutzer jedoch klickt, um eine Schaltfläche auszuwählen, erhält er einen verrückten Animationseffekt . Sie können Live-Beispiele auf der Radiobox-Hauptseite sehen, die jeden Style neben seinem Namen aufführt.

Sie können Radiobox direkt von npm oder bower installieren oder die Dateien sogar lokal auf Ihr Gerät herunterladen. GitHub hostet alle ihre Dateien in einem CDN, wenn Sie ohne etwas herunterladen möchten.

Die einzige Datei, die Sie benötigen, ist radiobox.min.css die direkt in Ihren Dokumentenkopf radiobox.min.css . Von dort fügen Sie einfach eine einfache Klasse zu jedem Optionsfeld hinzu, abhängig von der gewünschten Animation.

Hier ist ein Code-Snippet für den "boing" -Effekt:

Beachten Sie, dass die Animation "boing" eine eigene CSS-Datei namens boing.min.css . Dies muss berücksichtigt werden, wenn Sie diesen Effekt auf der Seite verwenden möchten.

Wenn Sie Radiobox herunterladen, sollten Sie ein Demo-Verzeichnis mit Live-Demos für all diese Effekte erhalten . Sie können den Code einfach direkt auf Ihre Seite kopieren und einfügen, damit er ohne Probleme funktioniert.

Eine vollständige Dokumentation finden Sie im Haupt-Repo mit der Live-Demo-Site . Wenn Sie die Ersteller kontaktieren möchten, können Sie eine E-Mail von der 720kb-Website oder Nachricht über Twitter @ 720kb_ senden .

Wie man eine falsche Berufswahl überlebt

Wie man eine falsche Berufswahl überlebt

"Stuck in einem falschen Job?" Oder "Haben Sie eine falsche Wende in Ihrer Karriere?" Sind die Arten von Ideen, die meisten Jobsuch-Websites bauen ihre Werbestrategie auf. In ähnlicher Weise sind Karriereblogs und HR-Journale auch randvoll mit Aufsätzen zum selben Thema.Dies ist tatsächlich eine sehr effektive Taktik, die Hunderte von Angestellten anspricht, die denken, dass sie einen falschen Zug bei der Auswahl der aktuellen Karriere gemacht haben könnten. Üb

(Tech- und Design-Tipps)

Erstellen Sie angepasste Schriftarten und Zeichen mit Windows Private Character Editor

Erstellen Sie angepasste Schriftarten und Zeichen mit Windows Private Character Editor

Wussten Sie, dass Windows über einen integrierten Font- und Zeichenersteller verfügt ? Bekannt unter dem Namen Private Character Editor, ist es ein weniger bekanntes Windows-Tool, mit dem Sie Ihre eigenen Charaktere erstellen und bearbeiten können, um sie auf Ihrem PC zu verwenden.Natürlich ist es nicht so fortschrittlich wie einige der heutigen Online- und Offline-Tools zur Erstellung von Schriftarten, aber ich würde sagen, es ist einer der einfachsten Charakterhersteller, der die Aufgabe erledigt. Das

(Tech- und Design-Tipps)