Mit der brandneuen Stiftung wird Zurb zuerst mobil 4

Die Planung von Webprojekten für eine Vielzahl von Geräten wurde in dieser Woche mit der Veröffentlichung von Zurb Foundation 4, einem reaktionsschnellen Rahmen mit Mobile-First-Gliederung, ein wenig einfacher.

Die Folgeversion des flexiblen Rasters von Zurb Foundation 3 ist so strukturiert, dass Designer zuerst mobil denken. Mit weltweit mehr als 1,08 Milliarden Smartphones wird dieser Trend voraussichtlich weiter an Bedeutung gewinnen. Machen Sie mit uns einen Blick auf die Neuerungen in Foundation 4 und entdecken Sie, warum Sie dies für Ihr nächstes Designprojekt in Betracht ziehen sollten!

Was gibt's Neues?

"Mobile-first" ist definitiv die neue Welle?

Foundation 4 ist ein neuer Build aus dem Code von Zurb. Das Mobile-First-Konzept ist der treibende Faktor dahinter.

"Mobile-first" ist definitiv die neue Welle, auch wenn das Konzept schon eine Weile schwebt. sagte Jonathan Smiley, Partner und Design Lead bei ZURB. „Wir haben uns bisher geweigert, zuerst mobil zu werden, weil wir nicht der Meinung waren, dass die meisten Designer oder sogar die meisten unserer Kunden dafür bereit sind. Nun ist die Geschichte etwas anders.

Abgesehen von der neuen Denkweise bei der Erstellung einer Website haben sich die Grundlagen von Foundation 4 ebenso geändert, in der Hoffnung, eine schnellere, straffere Plattform anzubieten.

Designer und Entwickler werden wahrscheinlich eine intelligentere, semantischere Codierung bemerken. Der Code wurde optimiert, damit Designer sich mehr auf das HTML konzentrieren können.

? Wir wollten Foundation-Benutzern ermöglichen, die größten Fehler in Frameworks zu überwinden: Präsentations-Markup. - Jonathan Smiley

Smiley wies darauf hin, dass HTML / CSS versprochen wurde, dass HTML dem Gerät den Inhalt des Geräts mitteilte, und CSS sagte ihm, wie es aussehen sollte. Bei anderen Frameworks (einschließlich Foundation 3) stecken Sie alle Arten von Markierungen in Ihren HTML-Code, um zu sagen, wie es aussehen soll - mit Foundation 4 können Sie all das durch die Magie der SCSS-Mixins in das CSS einführen.?

Das Framework verwendet auch das leichtere Zepto anstelle von jQuery. Seiten müssen in mobilen Umgebungen schnell geladen werden, um die Aufmerksamkeit der Benutzer zu erhalten. Zurb sagt, dass diese Verbesserungen des Codes und Javascript genau das tun wird.

Was ist das Gleiche?

Der Rahmen ist ansprechend. Die Idee ist, mit einem Mobile-First-Think-Prozess zu entwerfen - aber da hört es nicht auf. Foundation 4 wurde entwickelt, um responsive Websites zu erstellen, die auf mobilen Geräten, Tablets und Webbrowsern in nahezu jeder Form und Größe funktionieren.

Das Netz, für das Zurb bekannt ist - diese großartige 12-Säulen-Flüssigkeitsstruktur - ist nirgendwo hingegangen. Sie können es immer noch verwenden. der designprozess beginnt erst mit mobile. Foundation 4 ist vollständig anpassbar, von Komponenten über Rasterspezifikationen bis hin zu Farben und Haltepunkten. Und die Software ist voll von kleinen Extras und Add-Ons, damit Sie in kürzester Zeit einen Prototypen erstellen können.

Ein Designer-Tool

Foundation 4 ist speziell für Designer gedacht. Der unkomplizierte Code-Ausgangspunkt ist ideal für Designer, die vielleicht nicht so gut mit Code umgehen können. Und als Designer bedeutet das, dass ich diese Zeit nutzen kann Entwerfenanstatt den Code zu bekämpfen. (Ein echter Bonus.)

Die Gliederung von Foundation 4 ist auch ein großartiger Einstieg. Bei so vielen mobilen Optionen kann die Idee etwas überwältigend sein, und dieses Tool macht einige Aufregungen überflüssig. Foundation ist ein hervorragender Ausgangspunkt und eine großartige Möglichkeit, sich mit der Welt des Designs für alle Arten von mobilen Geräten vertraut zu machen.

Zeit zum Upgrade?

Foundation 4 wird die beliebte Foundation 3 nicht ersetzen. mit der Bootstrap-Software von Twitter. (In einem früheren Artikel von Design Shack können Sie mehr darüber lesen.)

Benutzer von Foundation 3 werden sich freuen, dass Zurb das Produkt weiterhin unterstützen wird (und sogar ein Update geplant hat). Die Version 3.2.5 wird als solides, auf den Desktop zuerst reagierendes Rahmenwerk dienen, an das sich die Leute gewöhnen.

Davon abgesehen können diejenigen, die den Sprung machen wollen, dies tun. Foundation 4 hat einen umfassenden Migrationsleitfaden für diejenigen, die es brauchen. Dies ist jedoch ein ganz anderes Werkzeug - denken Sie daran zuerst mobil eher, als Web zuerst - und nicht alle Designer oder Entwickler möchten ein "Upgrade" durchführen.

Foundation 4 ist wahrscheinlich ein besseres Werkzeug für neue Projekte - vielleicht sogar für diejenigen, die bereits begonnen haben, wenn interne Untersuchungen eine starke Verbindung zu mobilen Benutzern gezeigt haben. Für neue Projekte ist dies eine lohnenswerte Option für Designer: "Sie hilft dabei, ihre Anstrengungen zu fokussieren, Interaktion und Erfahrung zu fokussieren und ihren Benutzern eine bessere Website zu bieten."

Welle der Zukunft

Zurb ist das erste große Tool mit einer Mobile-First-Plattform. Und es wird einige Zeit dauern, um zu sehen, wie schnell sich Entwickler und Designer dafür einsetzen.

Wir glauben fest daran, dass Mobile-First als Ansatz gerade jetzt am sinnvollsten ist

Eine mobile erste Version von Bootstrap ist ebenfalls in Sicht. Wenn die Version 3 veröffentlicht wird, wird sie laut Bootstrap-Blog auch als mobiles Gerät bezeichnet.

Zurb rechnet mit einer vorsichtigen Akzeptanzrate.

"Wir erwarten, dass die Einführung von mobile-first für die Entwicklung immer noch ein langsamer Brand wird, zumindest für einige Monate, aber was wir mit Foundation tun können, um das zu beschleunigen, machen wir." Sagte Smiley. "Wir glauben fest daran, dass Mobile-First als Ansatz gerade jetzt am sinnvollsten ist, und wir verfolgen das aggressiv."

Da die mobile Nutzung die Desktop-Nutzung um das 14-fache erhöht, wird diese Strategie von Tag zu Tag wichtiger. Und immer mehr Designer und Entwickler sprechen darüber - viel. Laut Luke Wroblewskis "Mobile First"? Durch die Priorität des mobilen Denkens können Websites mehr Menschen erreichen, Designer müssen sich auf Inhalte und Funktionalität konzentrieren und Designer können sich über neue Technologien Gedanken machen.

Fazit

Es ist erfrischend zu sehen, wie jemand den Sprung zu einer Mobile-First-Entwicklungsstrategie macht.Wir befinden uns in einer immer mobiler werdenden, webbasierten Welt, und mehr Benutzer erwarten unabhängig vom Gerät ein außergewöhnliches Online-Erlebnis.

Wir denken, indem wir Menschen dabei helfen, für die Geräte zu bauen, die die Menschen wirklich verwenden, und auf eine verantwortungsvolle, maschinenlesbare, semantische Art und Weise zu bauen, helfen wir dabei, eine Generation von Websites und Apps zu erstellen, die so funktionieren, wie sie sollen, auch auf Geräten und mit Technologie, die es noch nicht gibt? Sagte Smiley. Wir sind ziemlich aufgeregt.

Aus der Sicht eines Designers auch ich. Mobiles Design macht erst Sinn. Mir wurde beigebracht, zuerst die kleinsten Teile zu entwerfen, sie lesbar zu machen und von dort aus zu bauen. Dies ist die Grundlage von Foundation 4. Bauen Sie zuerst kleine Einheiten auf und erweitern Sie dann das Design. Scheint eine solide Strategie zu sein.