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. 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 Tooltips 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 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. |
>>: Serviceverwaltung der Quellpaketinstallation unter Linux
Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...
Inhaltsverzeichnis 0x0 Einführung 0x1 RBAC-Implem...
Lassen Sie mich zunächst vorstellen, wie Sie PHP ...
Tomcat selbst optimieren Tomcat-Speicheroptimieru...
Inhaltsverzeichnis 1. Öffnen Sie das Projektverze...
Quellcode-Vorschau: https://github.com/jdf2e/nutu...
Inhaltsverzeichnis 1. Vorbereitung 2. Einführung ...
Eigentlich ist das ganz einfach. Wir fügen ein a-...
Letztes Jahr habe ich aufgrund von Projektanforde...
Schauen Sie sich zuerst die Lösung an #----------...
1. Was ist ein virtueller Host? Virtuelle Hosts v...
Verwandter Artikel: Anfänger lernen einige HTML-Ta...
1. Kurze Einführung in die Veranstaltung Ein Erei...
Erstens: Stellen Sie zunächst sicher, dass die Ser...
Vorwort Ich bin kürzlich bei der Arbeit auf diese...