Para construir nosso configurador de páginas, combinaremos técnicas CSS antigas com recursos CSS modernos, como propriedades personalizadas e consulta...
Os melhores tutoriais de carrossel de CSS e JavaScript no Tuts+
Interessado em construir um carrossel, mas não sabe por onde começar? Você está no lugar perfeito; hoje vamos explorar os melhores tutoriais de carros...
Faça seu próprio encurtador de URL em JavaScript
O que é um encurtador de URL? Um encurtador de URL é uma ferramenta que converte URLs longos em links mais curtos e gerenciáveis. Depois que o URL for...
Crie um jogo de caça-níqueis em Vanilla JavaScript
O que estamos codificando Aqui está a demonstração finalizada, para você ter uma ideia do que estamos criando: < div data-content-block-type=”...
Criar um alerta dispensável com JavaScript (e localStorage)
Infelizmente, sempre exibir um alerta ocupa muito espaço na tela. Podemos resolver isso tornando-o descartável. Hoje, vamos construir um do zero usand...
Como desenhar gráficos de barras usando JavaScript e HTML5 Canvas
Em um tutorial anterior, abordamos como desenhar um gráfico de pizza ou um gráfico de rosca usando a tela HTML5. Neste tutorial, mostrarei como usar J...
Como implementar a rolagem infinita com JavaScript
O que é Rolagem Infinita? A rolagem infinita é um recurso usado para carregar dinamicamente mais conteúdo em uma página quando o usuário rola até o fi...
Como criar um efeito de raspadinha com Vanilla JavaScript
Vamos começar dando uma olhada no que estamos criando. Ao final deste tutorial, você terá algo assim (mova o cursor do mouse sobre o painel de rascunh...
Crie um componente de guia JavaScript com uma UI de passo adaptável
No passado, mostrei como criar diferentes interfaces com guias. Hoje, construiremos outro componente de guia JavaScript responsivo, onde as guias clic...
Como criar um jogo de memória com JavaScript vanilla
Neste tutorial, construiremos um jogo de memória com JavaScript. O jogo da memória exigirá que o jogador combine pares de cartas. Assim que todos os p...