Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

All HTML/CSS content:

  1. Acompanhe e Compile Sass em Cinco Passos Rápidos

    Acompanhe e Compile Sass em Cinco Passos Rápidos

    Tutorial Intermediate

    Talvez Sass seja o pré-processador mais popular. Por anos, ajudou-nos a escrever CSS modular, reutilizável e limpo. Nesse tutorial rápido, iremos direto ao...

  2. Criando um Vídeo "Fixo" e Flutuante ao Rolar a Página

    Criando um Vídeo "Fixo" e Flutuante ao Rolar a Página

    Tutorial Intermediate

    Se já navegou em sites de mídia recentemente–sites de transmissão de vídeos, de notícias, Facebook, etc–talvez tenha notado uma tendência em relação aos...

  3. 10 Exemplos de Animação no CodePen das Quais Podemos Aprender

    10 Exemplos de Animação no CodePen das Quais Podemos Aprender

    Tutorial Beginner

    CodePen é um ótimo lugar de inspiração onde vemos UI experimentais loucas que outros realizam. Além disso, é um lugar útil para encontrar conteúdo...

  4. Execícios na Flexbox: Componentes Web Simples

    Execícios na Flexbox: Componentes Web Simples

    Tutorial Beginner

    Nesse tutorial, praticaremos a construção de componentes web em dois exercícios: usaremos a Flexbox para construir componentes de "lista de miniaturas" e...

  5. Aprimorando as Formas do CSS

    Aprimorando as Formas do CSS

    Tutorial Intermediate

    No artigo anterior, vimos a criação de Formas do CSS, permitindo definir a verdadeira forma de um elemento. Aprendemos o básico, criamos um círculo e...

  6. Remova CSS Desnecessário com PurifyCSS e Grunt

    Remova CSS Desnecessário com PurifyCSS e Grunt

    Tutorial Intermediate

    Nesse tutorial, mostraremos como usar o Grunt e o PurifyCSS para criar uma folha de estilo bem leve e sem esforço. Veremos como instalar e aprenderemos a...

  7. Divertindo-se Com CSS do Futuro: Filtros de Pano de Fundo

    Divertindo-se Com CSS do Futuro: Filtros de Pano de Fundo

    Tutorial Intermediate

    Nesse tutorial veremos uma ferramenta emergente do CSS conhecida como Filtro de Pano de Fundo.

  8. Layout em Grade do CSS: Tornando Responsivo

    Layout em Grade do CSS: Tornando Responsivo

    Tutorial Beginner

    Durante a série, familiarizamo-nos com a sintaxe de Grade, aprendemos maneiras eficientes de posicionar elementos numa página e dissemos adeus a velhos...

  9. Layout em Grade do CSS: Colunas Fluidas e Espaçamento Melhorado

    Layout em Grade do CSS: Colunas Fluidas e Espaçamento Melhorado

    Tutorial Beginner

    Nesse tutorial, usaremos a grade do tutorial anterior e o usaremos como base para aprimoramentos. Melhoraremos a definição dos espaçamentos, exploraremos...

  10. Editando Imagens no CSS: Filtros

    Editando Imagens no CSS: Filtros

    Tutorial Intermediate

    Consideremos a situação onde temos que ter versões com alto contraste, embaçada e brilhosas de imagens em um site. Antes dos filtros CSS, nossa única opção...

  11. Como Construir um Formulário Responsivo com Flexbox

    Como Construir um Formulário Responsivo com Flexbox

    Tutorial Beginner

    Nesse tutorial, aprenderemos como lançar mão do flexbox para criar um formulário responsivo. O interessante (e excitante ao mesmo tempo) é que o flexbox...

  12. Como "Carregar sob Demanda" Vídeos Embutidos do YouTube

    Como "Carregar sob Demanda" Vídeos Embutidos do YouTube

    Tutorial Intermediate

    Hoje, explicaremos como "carregar sob demanda" vários videos embutidos do YouTube. Fazer isso aprimorará a performance do carregamento inicial da sua página,...