Se você não escreve muito CSS, você pode pensar em CSS Grid como aquela coisa Rachel Andrew continua twittando sobre. Bem, é um todo novo sistema para layout e Zurb aparentemente está seguindo seu feed. Então, são a maioria dos fornecedores de navegadores.
No momento da redação deste artigo, o CSS Grid é suportado nos seguintes navegadores:
Está certo. O Internet Explorer chegou primeiro. É sempre um pouco estranho quando isso acontece. De qualquer forma, esta informação vem da própria Zurb, que anunciou a inclusão do CSS Grid in Foundation em suas mais recente postagem no blog . Eles têm três razões para a mudança:
A Fundação fez seu pão com manteiga ficando à frente das tecnologias emergentes da web e dando aos web designers uma razão para adotá-las. Se você quiser suporte ao navegador legado de longo prazo, existem outras estruturas para isso. A Fundação gosta de coisas novas e seus usuários também.
Para eles, esse tipo de mudança bastante precoce é uma coisa normal, em vez de um desvio radical da norma.
Na superfície, parece que o Flexbox atende às mesmas necessidades do CSS Grid, e o suporte já está aqui. Bem, não é tão simples assim.
Embora o Flexbox fosse certamente uma melhoria na velha escola de layout do float-algumas-coisas-e-absolutamente-posição-outro, não foi sem suas peculiaridades. Ele se presta mais facilmente a permitir que seu conteúdo defina como ele é exibido. As pessoas parecem concordar que é ótimo colocar conteúdo nos elementos menores de uma página.
O CSS Grid parece ter sido projetado com o layout de página maior em mente. Isso torna mais fácil criar, gerenciar e “responsabilizar” grandes layouts com menos linhas de CSS do que outras opções. Como os layouts fáceis são uma espécie de acordo da Fundação, faz sentido incorporar o CSS Grid.
Zurb e muitos outros parecem acreditar que todo o conceito da “página” está seguindo o caminho do dodo, pelo menos para designers e desenvolvedores. O CSS Grid aparentemente funciona muito bem com sistemas modulares que tratam os layouts como uma coleção de elementos reutilizáveis em vez de uma única página.
Esse modo de pensar é especialmente popular entre desenvolvedores e designers que trabalham em aplicativos ou em sites muito grandes, com mais de cinco sites de folhetos. Isso inclui o Zurb. Vai saber.
Isso é bom para o web des… sim, eu nem vou terminar isso. O CSS Grid está decolando. A adoção da base significa que ela é, no futuro previsível, praticamente oficial: a CSS Grid é uma coisa . E ei, pode levar algum tempo para se acostumar, mas eu gosto disso.
Além disso, a Zurb não pára por aí. A adoção da CSS Grid levou a Zurb ainda mais longe no caminho do código modular. Eles acabaram de lançar um novo conjunto de componentes de interface do usuário pré-codificados que eles estão chamando Blocos de construção . Os blocos de construção não farão parte do núcleo da Fundação. Eles são extensões. Faça o download deles, coloque-os no seu projeto e saia.
Até agora, eles consistem em elementos de interface do usuário individuais codificados pela Zurb - bem como padrões de código criados pela comunidade - especificamente para trabalhar com a Foundation. Depois, há conjuntos com curadoria de Building Blocks chamados Kits, que são projetados para facilitar a criação de um tipo específico de site. Existem kits para sites de comércio eletrônico, sites de portfólio, painéis de administração e muito mais.
Leitores com memórias eidéticas podem lembrar que Rafi Benkual falou sobre este mesmo conceito em nossa entrevista com ele e Kevin Ball. Bem, eles fizeram isso. Parece que a Zurb está determinada a tornar mais fácil para os designers se concentrarem nas preocupações e na estética da UX sem fazer todo o trabalho pesado. E empurre a teia para frente.
Eu posso ficar atrás disso.