Clarim Diário

Nesse repositório você encontra os starter files de um site de noticias feito com HTML, CSS e Javascript chamado Clarim Diário.

O Clarim Diário é um tabloide fictício da cidade de Nova York que aparece como elemento do enredo nos quadrinhos americanos publicados pela Marvel Comics.

O Clarim Diário é um elemento regular no Universo Marvel, mais proeminentemente nos títulos de quadrinhos do Homem-Aranha e suas mídias derivadas. O jornal apareceu pela primeira vez na história da Tocha Humana na Marvel Mystery Comics #18 (abril de 1941), retornou em Fantastic Four #2 (janeiro de 1962) e seus escritórios foram mostrados pela primeira vez em The Amazing Spider-Man #1 (março de 1963).

O Clarim Diário foi apresentado pela primeira vez nos cinemas em 2002 no filme do Homem-Aranha. O jornal de ficção pretende ser um pastiche do New York Daily News e do New York Post, dois tablóides populares da cidade de Nova York.

Esse layout é uma releitura do site oficial do jornal, que você pode ver clicando aqui.

• Você pode conferir o resultado final do projeto clicando aqui.
• Assista ao passo a passo (dividido em 14 partes) clicando aqui.

Conteúdo extra

Esse projeto possui conteúdos exclusivos, que são:

• Código completo do projeto
• Arquivo Figma com o layout do projeto (incluindo Style Guide)

Caso você deseje ter acesso a todo esse material extra, além de materiais de outros projetos, por favor considere fazer parte da minha comunidade e apoiar o meu trabalho clicando aqui. Muito obrigado!

O que você irá aprender/praticar durante esse projeto:

• CSS

  • Variáveis CSS
  • Unidades CSS (rem, %, vh, vw, px)
  • Metologia BEM
  • Media Queries
  • Flexbox
  • CSS Grid
  • Pseudo-elementos
  • Pseudo-classes

• Javascript

  • for of
  • Biblioteca Splide
  • .querySelector()
  • .querySelectorAll()
  • .addEventListener()
  • .add()
  • .remove()
  • .setInterval

E muito mais.

Eu adoraria ver seu projeto finalizado. Por favor, marque-me no Youtube, Instagram (@inkasadev) ou Twitter (@inkasadev). 😉