Teilen Sie 10 der neuesten Web-Frontend-Frameworks (Übersetzung)

Teilen Sie 10 der neuesten Web-Frontend-Frameworks (Übersetzung)
In der Welt der Webentwicklung sind Frameworks weit verbreitet. Täglich werden sogar neue Frameworks und Vorlagen erstellt. Es ist schwierig, sie alle zu verstehen und zu entscheiden, welches Framework Sie verwenden sollten. Die Essenz eines Front-End-Web-Frameworks besteht aus einer Sammlung von JavaScript-, CSS- und HTML-bezogenen Komponenten, die Sie in Ihren täglichen Projekten anwenden können, wodurch insbesondere bei dringenden Projekten die Entwicklungszeit erheblich verkürzt werden kann. Hier haben wir 10 Front-End-Web-Frameworks zu Ihrer Information aufgelistet.

1. Verstohlen

 Verstohlen

Dies ist ein Framework, das hauptsächlich für mobile Geräte gedacht ist. Heutzutage schenken immer mehr Menschen mobilen Anwendungen mehr Aufmerksamkeit. Dies ist ein leichtgewichtiges Framework, das auf verschiedenen Browsern ausgeführt werden kann und auch CSS und SCSS unterstützt.

2. Csstyle

Abonnieren 

Wenn Sie ein leicht wartbares Stylesheet erstellen möchten, können Sie dieses Framework ausprobieren. Es basiert auf gängigen Designprinzipien und das Framework verwendet zur Ausführung des Programms eine Reihe gemischter SASS-Typen, wodurch CSS semantischer und leichter lesbar wird.

3. Muffin

Muffin 

Es ist zwar kein Framework im strengsten Sinne, verdient aber trotzdem Ihre Aufmerksamkeit. Es handelt sich im Wesentlichen um eine designorientierte Webvorlage, die Sie zum Erstellen statischer Websites verwenden können. Es verweist auf die Vorteile und Spezifikationen von inuit.css, Boilerplate und Bootstrap, um Sie bei Ihrer Webentwicklung zu unterstützen.

4. Kouto Swiss

Kouto Schweizer 

Dies ist ein hervorragendes Framework auf Basis von CSS-Komponenten mit zahlreichen Einsatzmöglichkeiten und Funktionen, die Ihnen dabei helfen, die Entwicklung zu beschleunigen.

5. PowerToCSS

PowerToCSS 

Dies ist ein leichtgewichtiges Framework, das auf SMACSS- und DRY-Prinzipien basiert. Es verfügt über CSS-Komponenten. Wenn Sie schnell mit einem Projekt beginnen möchten, ist dieses Framework eine gute Wahl.
 

6. Themosis WordPress Framework  

Themosis WordPress Framework 

Dieses Framework wendet viele PHP-Funktionen an, wie zum Beispiel Namespaces. Darüber hinaus kombiniert es WordPress-Spezifikationen und typische MVC-Architektur.

7. Materieller Rahmen

Materieller Rahmen 

Es hat einen kleineren Anwendungsbereich als die anderen hier vorgestellten Frameworks, ist aber absolut leichtgewichtig und enthält nur CSS-basierte Komponenten. Dieses Framework kann Ihnen helfen, CSS schnell zu verstehen und zu verwenden.

8. Materialdesign für Bootstrap

Materialdesign für Bootstrap 

Wie der Name schon sagt, ist dies ein Bootstrap 3-Theme. Damit können Sie schnell und einfach Designs für Ihre Projekte erstellen.

 

9. Material-Benutzeroberfläche  

Material-Benutzeroberfläche 

Material UI ist ein CSS-Framework, das die neue Designsprache Material Design von Google implementiert. Es ist als NPM-Paket installierbar und verwendet Browserify und Reactify für die Abhängigkeitsverwaltung und JSX-Transformationen.

10. Materialisieren

Materialisieren 

Google hat auf der IO-Konferenz die UI-Designspezifikation vorgestellt. Die Spezifikation soll das Benutzererlebnis von PC-, Web- und Mobilanwendungen vereinheitlichen. Aktuelle erfolgreiche Beispiele sind die neue Inbox-Anwendung, die vom Google Gmail-Team veröffentlicht wurde. Das Framework verwendet viele neue Designs und Stile und ist in zwei Versionen erhältlich: Standard und SASS.


Originalartikel: http://designposts.net/best-frontend-web-frameworks/
Übersetzung: http://www.php100.com/html/dujia/2015/0127/8490.html
(Übersetzung: PHP100_Zeroing)

<<:  Parsen von Apache Avro-Daten in einem Artikel

>>:  Zusammenfassung der SQL-Deduplizierungsmethoden

Artikel empfehlen

Einführung in 10 Online-Entwicklungstools für Webdesign

1. Online-Textgenerator BlindTextGenerator: Für D...

Analyse von 2 Token-Gründen und Beispielcode in der Webprojektentwicklung

Inhaltsverzeichnis Frage: Es gibt 2 Token im Proj...

So erstellen Sie manuell ein neues Image mit Docker

In diesem Artikel wird die Methode zum manuellen ...

jQuery-Plugin zur Implementierung des Minesweeper-Spiels (2)

In diesem Artikel wird der zweite Artikel zur Ver...

MySQL-Platzhalter (erweiterte SQL-Filterung)

Inhaltsverzeichnis Lassen Sie uns zunächst kurz P...

11 Linux-KDE-Anwendungen, die Sie nicht kannten

KDE Abkürzung für Kool Desktop Environment. Eine ...

Vue implementiert das Hinzufügen von Wasserzeichen zu hochgeladenen Bildern

In diesem Artikel wird der spezifische Implementi...

jQuery realisiert den Bildverfolgungseffekt

In diesem Artikel wird der spezifische Code von j...

Docker+Selenium-Methode zur Realisierung automatischer Gesundheitsberichte

In diesem Artikel wird das Gesundheitsmeldesystem...

Mysql Workbench - Abfragemethode für MySQL-Datenbanken

Mysql Workbench ist ein Open-Source-Datenbankclie...

Mehrere Möglichkeiten zum Kapseln von Breadcrumb-Funktionskomponenten in Vue3

Inhaltsverzeichnis Vorwort 1. Warum brauchen wir ...