Si vous n'écrivez pas beaucoup de CSS vous-même, vous pourriez penser à CSS Grid Rachel Andrew continue à tweeter. Eh bien, c'est un tout nouveau système pour la mise en page , et Zurb suit apparemment son alimentation. Ainsi sont la plupart des fournisseurs de navigateurs.
Au moment d'écrire ces lignes, CSS Grid est pris en charge dans les navigateurs suivants:
C'est vrai. Internet Explorer est arrivé le premier. C'est toujours un peu gênant quand cela se produit. Quoi qu’il en soit, cette information vient de Zurb eux-mêmes, qui ont annoncé l’inclusion de CSS Grid in Foundation dans leur dernier article de blog . Ils ont trois raisons pour le changement:
La Fondation a fait son pain en restant à l’écart des technologies Web émergentes et a donné aux concepteurs Web une raison de les adopter. Si vous souhaitez une prise en charge de navigateur héritée à long terme, il existe d’autres frameworks pour cela. Foundation aime les choses nouvelles, tout comme ses utilisateurs.
Pour eux, ce type de changement assez précoce se déroule normalement, plutôt que de s’écarter radicalement de la norme.
À première vue, il semble que Flexbox réponde aux mêmes besoins que CSS Grid et les supports déjà existants. Eh bien, ce n'est pas aussi simple que ça.
Alors que Flexbox était certainement une amélioration par rapport à l’ancienne école de mise en page «float-some-substance» et «emplacement d’autre position», elle n’était pas dénuée d’événements. Il se prête plus facilement à permettre à votre contenu de définir son affichage. Les gens semblent être d’accord pour dire que c’est parfait pour mettre en page le contenu des éléments les plus petits d’une page.
CSS Grid semble avoir été conçu avec la plus grande mise en page en tête. Cela facilite la création, la gestion et la "réactivation" de grandes mises en page avec moins de lignes de CSS que les autres options. Les mises en page simples étant en quelque sorte la solution globale de la Fondation, il est logique qu'elles intègrent la grille CSS.
Zurb et bien d'autres semblent croire que tout le concept de la "page" va dans le sens du dodo, du moins pour les concepteurs et les développeurs. CSS Grid fonctionne apparemment assez bien avec les systèmes modulaires qui traitent les mises en page comme une collection d'éléments réutilisables plutôt qu'une seule page.
Cette façon de penser est particulièrement appréciée par les développeurs et les concepteurs qui travaillent sur des applications ou des sites Web très volumineux de plus de cinq pages de sites de brochures. Cela inclut Zurb. Allez comprendre.
Est-ce une bonne chose pour le web des ... ouais je ne vais même pas finir ça. CSS Grid prend son envol. L'adoption de la fondation signifie que c'est, dans un avenir prévisible, quasiment officiel: CSS Grid est une chose . Et ça peut prendre un peu de temps pour s'y habituer, mais j'aime ça.
De plus, Zurb ne s'arrête pas là. L'adoption de CSS Grid a conduit Zurb sur la voie du code modulaire. Ils viennent de sortir un nouvel ensemble de composants d’interface pré-codés qu’ils appellent. Blocs de construction . Les blocs de construction ne feront pas partie du noyau de la Fondation. Ils sont des extensions. Téléchargez-les, déposez-les dans votre projet et partez.
Jusqu'à présent, ils se composent d'éléments d'interface utilisateur individuels codés par Zurb - ainsi que de modèles de code créés par la communauté - spécifiquement pour travailler avec Foundation. Ensuite, il existe des ensembles de blocs de construction appelés Kits, conçus pour faciliter la construction d'un type de site spécifique. Il existe des kits pour les sites de commerce électronique, les sites de portefeuille, les tableaux de bord d'administration, etc.
Les lecteurs avec des souvenirs éidétiques peuvent se rappeler que Rafi Benkual a parlé de ce concept même dans notre interview avec lui et Kevin Ball. Eh bien, ils l'ont fait. Il semble que Zurb soit déterminé à faciliter la tâche des concepteurs pour se concentrer sur les préoccupations et l'esthétique de l'UX sans faire eux-mêmes tous les efforts nécessaires. Et pousser le web en avant.
Je peux y arriver.