Learn HTML

Learn how to create the backbone of any website with our HTML tutorials. Start from scratch or brush up on the latest features and best practices.
  1. Como Configurar um Tema do Jekyll

    Como Configurar um Tema do Jekyll

    Tutorial Beginner

    Jekyll é um gerador de sites estáticos que permite a conversão de arquivos texto em um blog sofisticado, sem se preocupar com bancos de dados, questões de...

  2. Criar um plugin personalizado no OpenCart 2.1.x.x: Parte 1

    Criar um plugin personalizado no OpenCart 2.1.x.x: Parte 1

    Tutorial Intermediate

    Como um desenvolvedor, é sempre interessante criar materiais personalizados em qualquer estruturas, assim é para os plug-ins OpenCart também.

  3. Como Criar Componentes Web Para Embutir Vídeos do YouTube

    Como Criar Componentes Web Para Embutir Vídeos do YouTube

    Tutorial Advanced

    No tutorial anterior, "Como 'Carregar sob Demanda' Vídeos Embutidos do YouTube", vimos como carregar um vídeo do YouTube apenas no clique do usuário. Isso...

  4. Introdução ao Webpack: Parte 1

    Introdução ao Webpack: Parte 1

    Tutorial Intermediate

    Hoje é muito comum, ao criar um projeto web, ter algum tipo de build process, ou processo de construção, para ajudar nas tarefas de desenvolvimento e...

  5. Desenvolvendo para WordPress com Twig: Timber Image, Menu e Usuário

    Desenvolvendo para WordPress com Twig: Timber Image, Menu e Usuário

    Tutorial Beginner

    Estando aqui, você já leu os conceitos básicos do uso do Twig através do Timber, ao criar temas modulares para WordPress. Também vimos aninhamento de blocos...

  6. Desenvolvendo para WordPress com Twig: Blocos, Aninhamento e Planilha de Atalhos do WP

    Desenvolvendo para WordPress com Twig: Blocos, Aninhamento e Planilha de Atalhos do WP

    Tutorial Beginner

    No artigo anterior, falamos da integração do Twig ao WordPress, usando o Timber, e como desenvolvedores podem passar dados dos arquivos PHP para arquivos...

  7. Dica Rápida: Usando Contadores CSS para Estilizar Elementos Numerados

    Dica Rápida: Usando Contadores CSS para Estilizar Elementos Numerados

    Tutorial Beginner

    Nessa dica rápida, cobriremos o básico dos Contadores CSS, uma functionalidade útil, porém, não tão conhecida do CSS. Ao terminarmos de construir nossa...

  8. Seu Primeiro Email Responsivo Construido Com Foundation para E-mails

    Seu Primeiro Email Responsivo Construido Com Foundation para E-mails

    Tutorial Beginner

    Neste tutorial nós vamos dar uma olhada no framerwork Foundation para Emails da ZURB. Nós vamos configurá-lo, explicar o que vem no pacote e, em seguida,...

  9. Como fazer labels de inputs flutuantes com validação de HTML5

    Como fazer labels de inputs flutuantes com validação de HTML5

    Tutorial Intermediate

    TL;DR Substitui a tua validação de JavaScript por validação HTML5. É mais fácil do que tu pensas, e dá-te muito controlo de markup e de estilo. Experimenta...

  10. Seu Primeiro Documento HTML em 60 Segundos

    Seu Primeiro Documento HTML em 60 Segundos

    Tutorial Beginner

    Criar o primeiro documento HTML é um dos momentos mas satisfatórios de qualquer designer web novato. Eis como fazê-lo em 60 segundos!

  11. Adicionando Data de Expiração Para Posts do WordPress

    Adicionando Data de Expiração Para Posts do WordPress

    Tutorial Intermediate

    Eu administro alguns sites que incluem avisos e informações importantes em um banner em sua página inicial. Eu tendo a usar um tipo de post personalizado...

  12. Curso grátis:  Percebendo o modelo de caixa CSS

    Curso grátis: Percebendo o modelo de caixa CSS

    Tutorial Beginner

    Perceber o modelo de caixa CSS é crucial para fazer com que os teus designs se comportem da formo como queres. No nosso curso, Percebendo o modelo de caixa...