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

Gemeinsame Nutzung von zwei Plug-Ins zur Übersetzung von Webseiten

Übersetzen Sie diese URL: http://translateth.is G...

So konfigurieren Sie den Runner-Container in Docker

1. Erstellen Sie einen Runner-Container mk@mk-pc:...

Detaillierte Erklärung von Prototypen und Prototypenketten in JavaScript

Inhaltsverzeichnis Prototyp-Kettendiagramm Grundl...

So fügen Sie eine Schnittstellen-Abhörmaske in ein Vue-Projekt ein

1. Geschäftshintergrund Die Verwendung einer Mask...

Ubuntu 18.04 Touchpad per Befehl deaktivieren/aktivieren

Unter Ubuntu kommt es häufig vor, dass sich das T...

Ubuntu16.04 Installation mysql5.7.22 Grafik-Tutorial

Installations-Tutorial für VMware12.0+Ubuntu16.04...

Detaillierte Erläuterung des Lese-Commits der MySQL-Transaktionsisolationsebene

MySQL-Transaktionsisolationsebene anzeigen mysql&...

Das WeChat-Applet realisiert die Funktion zum Hochladen von Bildern

In diesem Artikelbeispiel wird der spezifische Co...

WeChat-Miniprogramme implementieren Sternebewertung

In diesem Artikel wird der spezifische Code für d...