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. 28 Recursos, Dicas e Técnicas Para HTML5 Que Você Deve Saber

    28 Recursos, Dicas e Técnicas Para HTML5 Que Você Deve Saber

    Tutorial Beginner

    Essa indústria evolui rápido – muito rápido! Se não tomar cuidado, você ficará para trás, comendo poeira. Então, se você está se sentido sobrecarregado pelas...

  2. 50 Excelentes Galerias de Imagem que Você Pode Usar Hoje

    50 Excelentes Galerias de Imagem que Você Pode Usar Hoje

    Tutorial Beginner

    Aqui estão os 50 das nossas galerias de imagem gratuitas favoritas que você pode rapidamente conectar a um design. Elas foram construídas com tudo, desde...

  3. 5 Exemplos de Lindos Modelos de Currículos/CV da Web

    5 Exemplos de Lindos Modelos de Currículos/CV da Web

    Tutorial Beginner

    Está se tornando cada vez mais e mais comum para pontenciais empregadores simplesmente solicitarem um link para seu website, ao invés de um pedaço de papel....

  4. Estendendo o HTML com tags personalizadas

    Estendendo o HTML com tags personalizadas

    Tutorial Beginner

    Este tutorial irá mostrar-lhe como é fácil estender a linguagem HTML com tags personalizadas. As tags personalizadas podem ser usadas para implementar vários...

  5. Como Construir um Efeito Hover Sublinhado com Desclocamento com CSS e JavaScript

    Como Construir um Efeito Hover Sublinhado com Desclocamento com CSS e JavaScript

    Tutorial Intermediate

    No tutorial de hoje, vamos usar um pouco de CSS e JavaScript para criar um efeito sofisticado de menu hover. Não é um resultado final complicado, mas...

  6. 15 exemplos inspiradores de CSS no CodePen

    15 exemplos inspiradores de CSS no CodePen

    Tutorial Beginner

    CodePen tem se tornado, rapidamente, o lugar a mostrar o que podemos fazer com criações web. Eis uma lista de coisas legais que pessoas tem criado com...

  7. Editando Imagens no CSS: Combinando Técnicas

    Editando Imagens no CSS: Combinando Técnicas

    Tutorial Intermediate

    Nos dois últimos tutoriais da série, discutimos como filtros e modos de mesclagem podem mudar completamente a aparência das imagens. Nesse tutorial,...

  8. 20 melhores animações CSS no CodeCanyon

    20 melhores animações CSS no CodeCanyon

    Tutorial Beginner

    Houve uma época na história da internet, quando você tinha que usar Flash se você quisesse adicionar alguns efeitos visuais para o seu site além de um GIF...

  9. Os 30 Seletores CSS Que Você Deve Memorizar

    Os 30 Seletores CSS Que Você Deve Memorizar

    Tutorial Intermediate

    Então, você aprendeu os seletores básicos: identificador, classe, e descendente - e achou que tinha aprendido tudo? Se acha que sim, então você está deixando...

  10. Dica Rápida: Como Utilizar a Tag "picture" do HTML5 Para Trabalhar Imagens Responsivas

    Dica Rápida: Como Utilizar a Tag "picture" do HTML5 Para Trabalhar Imagens Responsivas

    Tutorial Beginner

    O tratamento de imagens responsivas hoje é sem dúvidas o assunto mais discutido na área de design para web. Neste artigo vamos ver como a tag , uma solução...

  11. Como Construir uma Galeria de Imagens Responsiva com slick.js

    Como Construir uma Galeria de Imagens Responsiva com slick.js

    Tutorial Intermediate

    Nesse tutorial nós vamos utilizar o slick.js, um plugin jQuery para construir galerias de imagem responsivas. Aqui está a galeria que nós vamos criar:

  12. Layout em Grade do CSS: Um Guia de Início Rápido

    Layout em Grade do CSS: Um Guia de Início Rápido

    Tutorial Beginner

    A forma como criamos layouts na web está mudando e, liderando, temos o Layout em Grade do CSS. Esse guia de início rápido pulará os detalhes e nuances,...