Vincule e pule para diferentes seções de sua página da web com scroll de página animado e sem usar uma única linha de JavaScript! O elemento âncora Vamos começar nossa jornada com o bom e velho elemento de âncora confiável. Não podemos ser mais simples do que isso quando se trata de alcançar interatividade apenas […]
Os layouts em grade são fundamentais para o design de sites, e o módulo CSS Grid é a ferramenta mais poderosa e fácil para criá-lo. Eu pessoalmente acho que é muito melhor do que, por exemplo, Bootstrap (leia o porquê aqui). O módulo também obteve suporte nativo dos principais navegadores (Safari, Chrome, Firefox, Edge) este […]
Javascript Para começar, obtemos todos os elementos de que precisamos para trabalhar usando JavaScript: o formulário de login, o botão de login e a mensagem de erro de login. Fazemos isso chamando o método document.getElementById, passando a id do elemento que estamos procurando. Além disso, como os valores dessas três variáveis não mudarão, ou seja, […]
CSS Agora temos o CSS, ou seja, o estilo da nossa página. Para modificar cada elemento em nosso arquivo HTML, podemos selecioná-los usando ids, classes ou os próprios nomes de tag, embora a última opção seja desencorajada. Você vê, os estilos de seletores CSS mais específicos sobrescrevem os estilos de outros menos específicos. Por exemplo, […]
O início da jornada no desenvolvimento da Web (front-end) pode ser assustador. A marcação é muito estranha no início. CSS algumas vezes deixa sua página bonita, outras vezes você não tem ideia de por que uma única propriedade transformou sua página em uma bagunça. E no caso de ser a primeira vez que você está […]