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

Hinweise zur IE8-Kompatibilität, die mir aufgefallen sind

1. getElementById von IE8 unterstützt nur IDs, nic...

So umbrechen Sie das HTML-Titelattribut

Als ich vor ein paar Tagen ein Programm schrieb, w...

So bereinigen Sie den MySQL-Speicherplatz in der Alibaba Cloud

Heute habe ich von Alibaba Cloud eine Festplatten...

Tipps zur HTML-Formatierung und langen Dateien für das Webdesign

<br />Verwandte Artikel: 9 praktische Vorsch...

Die perfekte Lösung für das MySql-Versionsproblem sql_mode=only_full_group_by

1. Überprüfen Sie sql_mode wählen Sie @@sql_mode ...

HTML+CSS zum Erstellen eines geschichteten Pyramidenbeispiels

Dieser Artikel stellt hauptsächlich das Beispiel ...

Detaillierte Erläuterung der MySQL 8.0-Wörterbuchtabellenerweiterung

Das Datenwörterbuch in MySQL ist eine der wichtig...

Ein kurzer Vortrag über den MySQL-Index und die Redis-Sprungtabelle

Zusammenfassung Bei der Diskussion über MySQL-Ind...

Tutorial-Diagramm zur VMware-Installation des Ubuntu 20.04-Betriebssystems

Memo: Einfach erleben. Eintrag: Nr. 209 Diese Bei...

Vue realisiert Preiskalendereffekt

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Schritte zur Entwicklung von WeChat-Miniprogrammen mit Typescript

Auf die Vorteile von Typescript müssen wir nicht ...