layout

Revolução Front-End: Criador do React Usa IA Para Tornar CSS Obsoleto e Revolucionar Layouts Web

Por

A web moderna pode estar prestes a passar por uma transformação radical graças a uma nova biblioteca chamada Pretext. Desenvolvida por Cheng Lou, um dos nomes por trás do React e ReasonML, a ferramenta promete eliminar uma das maiores fontes de lentidão em sites e aplicativos: o reflow de layout causado pelo CSS tradicional. Essa … Ler mais

Criando a estrutura de um Layout com CSS Grid e Flexbox

Por
Criando a estrutura de um Layout com CSS Grid e Flexbox - O CSS Grid e os flexbox são ferramentas do CSS criadas para facilitar o posicionamento e a manipulação de elementos no HTML. A recomendação para utilização do CSS Grid é para ser aplicado quando formos utilizar elementos em duas dimensões (ex. linhas e colunas), como o layout de uma página. Já o flexbox é mais recomendado para ser utilizado quando formos trabalhar em apenas uma dimensão, seja ela tanto vertical quanto horizontal. Vamos ver na prática.

Criando a estrutura de um Layout com CSS Grid e Flexbox – O CSS Grid e os flexbox são ferramentas do CSS criadas para facilitar o posicionamento e a manipulação de elementos no HTML. A recomendação para utilização do CSS Grid é para ser aplicado quando formos utilizar elementos em duas dimensões (ex. linhas e colunas), como o layout de uma página. Já o flexbox é mais recomendado para ser utilizado quando formos trabalhar em apenas uma dimensão, seja ela tanto vertical quanto horizontal. Vamos ver na prática.