Grade CSS muda tudo (Layouts Web) [DUBLADO] - Morten Rand-Hendriksen, Wordpress

3 years ago
34

Grade CSS está agora em ação em todos os principais navegadores, e com ela tudo o que sabemos sobre layout para web muda! Imagine desenhar uma grade no navegador e inserir conteúdo em uma que qualquer número de células sem precisar mudar o HTML ou a ordem original. E imagine alterar essa grade durante ações usando media queries ou JavaScript enquanto mantém o markup HTML limpo e acessível. É isso o que a grade CSS faz, e é por isso que você deveria estar usando ela hoje.
O módulo de layout baseado em grade CSS introduz um sistema de grade CSS nativo, em nível viewport, que consegue o que frameworks CSS e sistemas de grade populares apenas sonham: layouts responsivos, flexíveis, em grade CSS puro, independente da ordem do documento de origem, que nos permite tratar o navegador como uma verdadeira área de layout e design.
Nessa palestra você vai ser introduzido à grade CSS e aprender como ela muda muito tudo no que diz respeito a layouts na web. Através de exemplos, code snippets, e demonstrações práticas você vai aprender como usar grade CSS em um tema para layouts responsivos modernos, e também vai aprender a lidar com navegadores mais antigos sem o suporte à grade de uma maneira limpa e direta.

Grade CSS está aqui, e você pode começar a usar hoje. Essa palestra mostra como você pode fazer isso corretamente.

Slides da apresentação: https://www.slideshare.net/mor10/css-grid-changes-everything-about-web-layouts-wordcamp-europe-2017

Vídeo original na WPTV: https://wordpress.tv/2017/06/30/morten-rand-hendriksen-css-grid-changes-everything-about-web-layouts/

Este vídeo foi produzido com o Subtitld (https://subtitld.jonata.org)

Loading comments...