Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design Content:

Filters

Responsive Design

Dica Rápida: Como Utilizar a Tag "picture" do HTML5 Para Trabalhar Imagens Responsivas

Tutorial • Beginner

O tratamento de imagens responsivas hoje é sem dúvidas o assunto mais discutido na área de design para web. Neste artigo vamos ver como a tag , uma solução...

Kezz Bracey • 19 Sep 2019
HTML

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:

George Martsoukos • 27 Jun 2018
WordPress Themes

20 Melhores temas de vídeo para WordPress: Com galeria bonita e recursos de tela cheia

Tutorial • Beginner

Quando se trata de promover o seu pequeno negócio, não há melhor maneira do que usar o marketing de vídeo. Um vídeo bem produzido facilita a exibição de...

Brenda Barron • 30 Apr 2018
CSS

Layout em Grade do CSS: Um Guia de Início Rápido

Tutorial • Beginner

A forma como criamos layouts na web está mudando e, liderando, temos o Layout em Grade do CSS. Esse guia de início rápido pulará os detalhes e nuances,...

Ian Yates • 15 Mar 2018
User Research

7 Perguntas para descobrir o que os clientes realmente querem

Tutorial • Beginner

Cerca de dez anos atrás, depois de um dia de trabalho, entrei no mundo do web design freelancer. Honestamente, eu não tinha ideia do que estava fazendo,...

Kezz Bracey • 17 Aug 2017
WordPress Themes

14 temas de portfólio de fotografia para WordPress

Tutorial • Beginner

Nesta atualização, veremos algumas coisas importantes a serem consideradas ao construir um portfólio de fotografia on-line com o WordPress. Passaremos por...

Ian Yates • 24 Jul 2017
CSS

Acompanhe e Compile Sass em Cinco Passos Rápidos

Tutorial • Intermediate

Talvez Sass seja o pré-processador mais popular. Por anos, ajudou-nos a escrever CSS modular, reutilizável e limpo. Nesse tutorial rápido, iremos direto ao...

Zviad Sichinava • 22 Mar 2017
UI Design

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

Louie Rootfield • 7 Mar 2017
Animation

10 Exemplos de Animação no CodePen das Quais Podemos Aprender

Tutorial • Beginner

CodePen é um ótimo lugar de inspiração onde vemos UI experimentais loucas que outros realizam. Além disso, é um lugar útil para encontrar conteúdo...

Donovan Hutchinson • 27 Feb 2017
CSS

Execícios na Flexbox: Componentes Web Simples

Tutorial • Beginner

Nesse tutorial, praticaremos a construção de componentes web em dois exercícios: usaremos a Flexbox para construir componentes de "lista de miniaturas" e...

Zviad Sichinava • 7 Feb 2017
CSS

Aprimorando as Formas do CSS

Tutorial • Intermediate

No artigo anterior, vimos a criação de Formas do CSS, permitindo definir a verdadeira forma de um elemento. Aprendemos o básico, criamos um círculo e...

Louie Rootfield • 28 Dec 2016
JavaScript for Designers

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

Adi Purdila • 23 Nov 2016