Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.
Read more
Read less
All content
Courses
Tutorials

All JavaScript for Designers tutorials:

  1. Como Construir um Efeito Hover Sublinhado com Desclocamento com CSS e JavaScript

    Como Construir um Efeito Hover Sublinhado com Desclocamento com CSS e JavaScript

    Tutorial • Intermediate

    No tutorial de hoje, vamos usar um pouco de CSS e JavaScript para criar um efeito sofisticado de menu hover. Não é um resultado final complicado, mas...

  2. Como Construir uma Galeria de Imagens Responsiva com slick.js

    Como Construir uma Galeria de Imagens Responsiva com slick.js

    Tutorial • Intermediate

    Nesse tutorial nós vamos utilizar o slick.js, um plugin jQuery para construir galerias de imagem responsivas. Aqui está a galeria que nós vamos criar:

  3. Sass em CSS: Preservando Espaço em Branco na Compilação

    Sass em CSS: Preservando Espaço em Branco na Compilação

    Tutorial • Intermediate

    Manter a estrutura visual dos arquivos Sass, ao compilá-los em CSS, sem perder espaço em branco? Nessa dica rápida mostraremos que é possível!

  4. Criando um Vídeo "Fixo" e Flutuante ao Rolar a Página

    Criando um Vídeo "Fixo" e Flutuante ao Rolar a Página

    Tutorial • Intermediate

    Se já navegou em sites de mídia recentemente–sites de transmissão de vídeos, de notícias, Facebook, etc–talvez tenha notado uma tendência em relação aos...

  5. Aprimore Seu Fluxo de Trabalho Local de WordPress com Gulp e Browsersync

    Aprimore Seu Fluxo de Trabalho Local de WordPress com Gulp e Browsersync

    Tutorial • Intermediate

    Nesse vídeo, mostraremos como trabalhar mais eficientemente com WordPress, especificamente ao desenvolver localmente.

  6. 3 Métodos de Recarga Automática de Navegadores

    3 Métodos de Recarga Automática de Navegadores

    Tutorial • Beginner

    Nesse vídeo tutorial, aprenderemos sobre recarga de navegadores–especificamente recarga automatica–e consideraremos 3 métodos diferentes para tanto. Comecemos!

  7. Como Rastrear Comportamento do Usuário com Eventos do Google Analytics

    Como Rastrear Comportamento do Usuário com Eventos do Google Analytics

    Tutorial • Intermediate

    Resumindo: acabamos de realizar o redesign de um site e usamos as melhores práticas qeu sabemos. O site carrega rápido e, certamente, a nova interface é...

  8. Remova CSS Desnecessário com PurifyCSS e Grunt

    Remova CSS Desnecessário com PurifyCSS e Grunt

    Tutorial • Intermediate

    Nesse tutorial, mostraremos como usar o Grunt e o PurifyCSS para criar uma folha de estilo bem leve e sem esforço. Veremos como instalar e aprenderemos a...

  9. 9 Cursos Populares sobre Animação no CSS

    9 Cursos Populares sobre Animação no CSS

    Tutorial • Beginner

    Nos primórdios da web, animações ficaram conhecidas por tdos aqueles efeitos estranhos e complexos que pareciam ótimos mas demoram para carregar e eram...

  10. 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...

  11. Como "Carregar sob Demanda" Vídeos Embutidos do YouTube

    Como "Carregar sob Demanda" Vídeos Embutidos do YouTube

    Tutorial • Intermediate

    Hoje, explicaremos como "carregar sob demanda" vários videos embutidos do YouTube. Fazer isso aprimorará a performance do carregamento inicial da sua página,...

  12. Como Usar a Função “ajax” do jQuery

    Como Usar a Função “ajax” do jQuery

    Tutorial • Intermediate

    Tendo seguido os três tutoriais prévios, você deve ter adquirido um bom entendimento de AJAX. Nesse tutorial final, vamos arrematar as coisas trabalhando com...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories