Wing - Minimalistisches CSS-Framework Webdesigner wollen
Das Frontend-Ökosystem ist voll von Open-Source-Frameworks gemacht, um Ihren Entwicklungsprozess zu verbessern. Normalerweise möchte jeder etwas anderes als diese Rahmenbedingungen. Einige Leute suchen Ästhetik während andere wollen Geschwindigkeit oder Benutzerfreundlichkeit.
Flügel ist ein neueres Framework und der beste Freund eines Minimalisten. Es kommt mit einem Standardgittereinstellung, benutzerdefinierte Elemente, und Komponenten, die insgesamt 5 KB betragen.
Das Beste an Wing ist vielleicht das Auto-Styling für Standardelemente. Wenn Sie das Wing CSS-Stylesheet einfach in Ihr Projekt einfügen, werden Sie sofort Änderungen feststellen.
Standardtext, Links und Seitenelemente automatisch sich selbst gestalten basierend auf den Designs von Wing. Du kannst auch fügen Sie zusätzliche Klassen hinzu um der Seite mehr Ästhetik hinzuzufügen.
Flügelschiffe mit einem 960px Rastersystem Verwendung einer 12-Col-Struktur. Dies ist ein sehr einfaches Setup, und das 960px-Raster wird für das heutige Breitbild-Publikum als viel zu klein angesehen. Wenn Sie jedoch kleinere Websites mögen, ist dies eine ausgezeichnete Wahl.
http://usewing.ml/ ist verrückt einfach und folgt ungefähr so:
123
Sie können ein vollständige Kopie von Wing von der Unpkg CDN. Sie halten ihre Dateien mit der neuesten Version auf dem neuesten Stand, so dass Sie niemals Dateinamen ändern müssen. Gerade Fügen Sie diese URL Ihrem Header hinzu und Sie erhalten vollen Zugriff auf das aktuelle Wing-Framework.
Alternativ können Sie das Paket herunterladen über npm oder ziehen Sie eine Kopie der Quelle direkt von GitHub.
Ich würde Wing mit Normalize.css vergleichen, was ein viel kleineres CSS-Framework ist Bibliothek zurücksetzen. Flügel eigentlich kommt mit Standardstilen Während Normalize.css nur Elemente zurücksetzt, damit sie in allen Browsern gleich funktionieren.
Das Schöne an beiden ist, dass Sie haben volle Kontrolle zu bearbeiten, Restyle, und umformatieren die Seite, wie Sie es für richtig halten.
Alle Dokumentationen und Code-Schnipsel finden Sie auf der Homepage von Wing. Verwenden Sie diesen Leitfaden, wenn Sie nicht sicher sind, wie Sie Ihre Site einrichten.
