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

So fügen Sie MySQL Indizes hinzu

Hier ist eine kurze Einführung in Indizes: Der Zw...

So erstellen Sie einen SSH-Dienst basierend auf einem Golang-Image in Docker

Nachfolgend finden Sie den Code zum Erstellen ein...

JavaScript-Einzelthread und asynchrone Details

Inhaltsverzeichnis 1. Aufgabenwarteschlange 2. Um...

Ein netter HTML-Druckcode unterstützt das Umblättern

ylbtech_html_drucken HTML-Druckcode, unterstützt S...

XHTML verwendet einige veraltete Elemente in HTML nicht mehr

Wenn wir CSS-Webseitenlayouts erstellen, wissen wi...

Zentrieren des Formulars in HTML

Ich bin einmal auf eine Aufgabe gestoßen, bei der...

Detaillierte Analyse der Prinzipien und der Verwendung von MySQL-Ansichten

Vorwort: In MySQL sind Ansichten wahrscheinlich e...

Beispielmethode zum Anzeigen von IP in Linux

Die Kenntnis der IP-Adresse eines Geräts ist wich...

So legen Sie den Rahmen einer Webseitentabelle fest

<br />Zuvor haben wir gelernt, wie man Zelll...

Gründe, warum MySQL den Abfrage-Cache abgebrochen hat

MySQL hatte zuvor einen Abfragecache, Query Cache...

HTML-Hyperlink ein Tag_Powernode Java Academy

Jeder, der HTML studiert oder verwendet hat, soll...

Zusammenfassung des CSS-Zählers und des Inhalts

Die Inhaltseigenschaft wurde bereits in CSS 2.1 e...

4 Prinzipien für sauberes und schönes Webdesign

In diesem Artikel werden diese 4 Prinzipien im Hi...