Criando PRELOAD com CSS e JavaScript (Pré-carregamento) | ilustraCode
Se gostou do conteúdo e quer ser notificado sobre novos videos, então se inscreva e ative o sininho: ➡️ http://youtube.com/c/ilustracode?sub_...
Todo site faz o download das informações do servidor e durante esse processo o site fica um pouco "bugado" até que conclua o download. Então, por isso que criamos um preload que nada mais é que uma animação que acontece até que termine o carregamento.
Veja os principais assuntos:
-Entendendo a lógica do preload (pré-carregamento)
-Aplicando efeito de rotação em imagens com CSS
-Centralizando elementos na tela com CSS
-Verificando se a página foi totalmente carregada - onLoad() - JS
-O que não fazer com PRELOAD
e muito mais...
Aulas complementares:
Cache com PHP: • iCodeFull #029 - Criando cache com PH...
Background-image: • Background IMAGE, REPEAT, POSITION e ...
Animações Keyframes: • iCodeFull #026 - Animações CSS3 - @Ke...
Position absolute: • Entenda de uma vez por toda position ...
Você também pode me encontrar ↴
Instagram ☛ / ilustracodeoficial
Telegram ☛ https://t.me/ilustra_code
Facebook ☛ / ilustracodeoficial
SOBRE O ILUSTRACODE
Meu nome é Adriano Alves, sou programador web, apaixonado por código. Sempre tive facilidade em ensinar qualquer coisa, as pessoas gostavam quando lhes ensinavam porque sempre ilustrava os códigos para compreender.
Quando estava aprendendo encontrei muitas dificuldades em aprender, não pela dificuldade em aprender, mas compreendi que era pela didática, então sempre pensei que poderia existir uma forma mais fácil de ensinar a programação. Então nasceu a ideia do ilustraCode - ilustrando a programação.
#ilustracode #icodefull #css #javascript