Wenn Sie selbst nicht viel CSS schreiben, denken Sie vielleicht an CSS Grid Rachel Andrew zwitschert ständig. Nun, es ist ein ganz neues System für das Layout und Zurb folgt offensichtlich ihrem Futter. So sind die meisten Browser-Anbieter.
Zum Zeitpunkt dieses Schreibens wird CSS Grid in folgenden Browsern unterstützt:
Stimmt. Internet Explorer ist zuerst da. Es ist immer ein bisschen peinlich, wenn das passiert. Wie auch immer, diese Information kommt von Zurb selbst, die die Aufnahme von CSS Grid in Foundation in ihre angekündigt hat letzter Blogbeitrag . Sie haben drei Gründe für den Wechsel:
Die Stiftung hat ihr Brot und Butter gemacht, indem sie sich vor aufkommenden Webtechnologien bewahrt und Webdesignern einen Grund gegeben hat, sie zu übernehmen. Wenn Sie eine langfristige Legacy-Browser-Unterstützung wünschen, gibt es dafür andere Frameworks. Foundation mag neue Dinge, genau wie seine Nutzer.
Für sie ist diese Art der frühzeitigen Veränderung ein normales Geschäft und keine radikale Abkehr von der Norm.
Auf der Oberfläche scheint Flexbox die gleichen Bedürfnisse wie CSS Grid zu erfüllen, und die Unterstützung ist bereits hier. Nun, es ist nicht so einfach wie all das.
Während Flexbox sicherlich eine Verbesserung gegenüber der alten Floaten-einiger-Dinge-und-absolut-Position-anderen Schule des Layouts war, war es nicht ohne seine Macken. Es bietet sich leichter an, Ihren Inhalt zu definieren, wie es angezeigt wird. Die Leute scheinen zuzustimmen, dass es großartig ist, Inhalte innerhalb der kleineren Elemente einer Seite auszulegen.
CSS Grid scheint mit dem größeren Seitenlayout entworfen worden zu sein. Es erleichtert das Erstellen, Verwalten und Verantworten großer Layouts mit weniger CSS-Zeilen als andere Optionen. Da einfache Layouts eine Art von Foundation sind, ist es sinnvoll, CSS Grid einzubauen.
Zurb und viele andere scheinen zu glauben, dass das ganze Konzept der "Seite" den Weg des Dodos geht, zumindest für Designer und Entwickler. CSS Grid funktioniert offenbar ziemlich gut mit modularen Systemen, die Layouts als eine Sammlung wiederverwendbarer Elemente statt einer einzelnen Seite behandeln.
Diese Art des Denkens ist besonders bei Entwicklern und Designern beliebt, die auf Apps oder sehr großen Websites mehr als fünfseitige Broschürenseiten bearbeiten. Dazu gehört auch Zurb. Stelle dir das vor.
Ist das eine gute Sache für Webdes ... Ja, ich werde das nicht mal beenden. CSS Grid hebt ab. Die Annahme durch die Foundation bedeutet, dass es auf absehbare Zeit ziemlich offiziell ist: CSS Grid ist eine Sache . Und hey, es könnte etwas gewöhnungsbedürftig sein, aber ich mag es.
Außerdem hört Zurb hier nicht auf. Die Einführung von CSS Grid hat Zurb noch weiter auf den Weg des modularen Codes geführt. Sie haben gerade eine neue Reihe von vorcodierten UI-Komponenten veröffentlicht, die sie aufrufen Bausteine . Bausteine werden nicht zum Kern der Stiftung gehören. Sie sind Erweiterungen. Laden Sie sie herunter, legen Sie sie in Ihr Projekt und gehen Sie.
Bislang bestehen sie aus einzelnen UI-Elementen, die von Zurb codiert sind - sowie von der Community erstellte Code-Patterns - speziell um mit Foundation zu arbeiten. Dann gibt es kuratierte Sets von Bausteinen namens Kits, die entworfen wurden, um es einfacher zu machen, eine bestimmte Art von Site zu erstellen. Es gibt Kits für E-Commerce-Websites, Portfolio-Websites, Admin-Dashboards und mehr.
Leser mit eidetischen Erinnerungen erinnern sich vielleicht, dass Rafi Benkual über dieses Konzept gesprochen hat unser Interview mit ihm und Kevin Ball. Nun, sie haben es geschafft. Es scheint, dass es für Zurb sehr wichtig ist, dass Designer sich leichter auf UX-Probleme und Ästhetik konzentrieren können, ohne die ganze Arbeit selbst zu tun. Und schieb das Web nach vorne.
Ich kann dahinter kommen.