Grade CSS muda tudo (Layouts Web) [DUBLADO] - Morten Rand-Hendriksen, Wordpress
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)
-
10:38
luisvulcanis
10 months agoCURSO DE CSS PARA INICIANTES - CRIANDO LAYOUTS INCRÍVEIS COM CSS GRID TEMPLATE
17 -
11:54
luisvulcanis
10 months agoCSS PARA INICIANTES - DEIXANDO SEU SITE RESPONSIVO USANDO AS CSS
14 -
8:09
luisvulcanis
10 months agoCSS PARA INICIANTES - CRIANDO LAYOUTS COM OS RECURSOS DO FLEXBOX
2 -
13:59
luisvulcanis
11 months agoCSS PARA INICIANTES - DEFININDO AS CORES EM TEXTOS E PREENCHIMENTO DOS ELEMENTOS DE UM SITE
23 -
21:50
Arquitetura e design
2 years agoComo criar prancha no layout do sketchup
33 -
1:22:57
Katabriga Gameplay
1 year agoDesafio Real FRONT-END - HTML, CSS - BATE PAPO COM INSCRITOS
-
7:16
gustavonapasouza
2 years agoComo adicionar fontes personalizadas ao Blog WordPress - Além das fotos do Google - maneira GRATUITA
8 -
19:00
luisvulcanis
9 months agoCOMO USAR A PROPRIEDADE TRANSFORM DO CSS - 2D E 3D
-
14:24
luisvulcanis
1 year agoTUTORIAL DE HTML PARA INICIANTES - 002 - PRIMEIROS PASSOS
2 -
11:23
LearnCode.academy
1 year agoEASY! Hand-code an HTML + CSS layout
8