Toolkit: Ein leistungsfähigeres Front-End-Framework als Bootstrap

Toolkit: Ein leistungsfähigeres Front-End-Framework als Bootstrap

Power-Frontrahmen-Werkzeugsatz-1

Hinweis: Die derzeit beliebtesten Front-End-Frameworks sind Bootstrap und Foundation. Beide verfügen über häufig verwendete Webdesign-Komponenten und sind mit Mobilgeräten kompatibel. Sie sind bei der Öffentlichkeit sehr beliebt. Wenn Sie jedoch der Meinung sind, dass die Komponenten dieser beiden Frameworks immer noch nicht ausreichen, können Sie das heute freigegebene Toolkit ausprobieren. Es verfügt über mehr integrierte UI-Komponenten, die leistungsfähiger, praktischer und beliebter sind.

Toolkit: Ein Front-End-Framework mit praktischeren UI-Komponenten als Bootstrap

Das Tookit-Framework zeichnet sich durch ein flaches Design und viele neue UI-Komponenten aus. In Kombination mit CSS3-Animationen werden viele Komponenteninteraktionen ansprechend und leistungsstark.

Hier sind einige Screenshots:

Werkzeug

Eingabeaufforderung zum Hervorheben von Text

Toolkit Front-End-Framework

Tooltips

Nr.

Komponente für schnelle Informationen (Abbildung: untere linke Ecke)

Es gibt einen Animationseffekt, der auf Englisch Toast heißt. Sie können auf der offiziellen Website die aktuelle DEMO ansehen.

Navigation und Positionierung

Wie in der folgenden Abbildung gezeigt, wird beim Anzeigen des E-Bereichs auf der Seite das E in der rechten Navigation hervorgehoben, ähnlich wie der Kontakteffekt auf einem bestimmten Mobiltelefon.

Schritt

Start-Taste

Akkordeon

Bilddarstellung

Prozessfortschrittsbalken

Gleitender Seitenleisteneffekt (Off Canvas)

Flusslayout

Laden…

Technologie zum verzögerten Laden von Bildern

Nun, es gibt zu viele, um sie aufzulisten. Klicken Sie bitte auf den Link unten, um zur offiziellen Website zu gelangen und die tatsächliche Wirkung zu sehen:)

Generell finde ich, dass die Schnittstellen von Bootstrap und Foundation ansprechender sind, aber da es sich um flache Designs handelt, sind auch Änderungen sehr einfach.

<<:  Verwenden Sie CSS3, um den Code für dynamische Spezialeffekte beim Hovern von Schaltflächen zu implementieren

>>:  Serviceverwaltung der Quellpaketinstallation unter Linux

Artikel empfehlen

Der Unterschied zwischen JS-Pre-Parsing und Variablen-Promotion im Web-Interview

Inhaltsverzeichnis Was ist eine Voranalyse? Der U...

Zusammenfassung des Wissens zu CSS-Injection

Moderne Browser erlauben nicht mehr, JavaScript i...

Vue implementiert einen Einkaufswagen, der die Einkaufsmenge ändern kann

In diesem Artikel erfahren Sie, wie Sie mit Vue d...

VMware vsphere 6.5 Installationstutorial (Bild und Text)

vmware vsphere 6.5 ist die klassische Version der...

Linux /etc/network/interfaces Konfigurationsschnittstellenmethode

Die Datei /etc/network/interfaces wird in Linux z...

Implementierungsbeispiel für die Message Board-Funktion von Node.js+Express

Inhaltsverzeichnis Nachrichtenbrett Erforderliche...

Schreiben und Verstehen von Pfeilfunktionen und diesem in JS

Inhaltsverzeichnis Vorwort 1. So schreiben Sie Fu...

Detaillierte Erklärung zur Verwendung benutzerdefinierter Parameter in MySQL

Zu den MySQL-Variablen zählen Systemvariablen und...

Detaillierte Verwendung des Vue More Filter-Widgets

In diesem Artikelbeispiel wird die Implementierun...

Ausführliche Erläuterung der Auswirkungen von NULL auf Indizes in MySQL

Vorwort Ich habe viele Blogs gelesen und von viel...

Beispiele für die Verwendung des Linux-Touch-Befehls

Detaillierte Erklärung des Linux-Touch-Befehls: 1...