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.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    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,...