Web Design

Tutoriais e dicas de Web Design que vão desde o nível mais básico ao avançado.

Como instalar um servidor local e configurar um virtual host

Como instalar um servidor local e configurar um virtual host

Esta aula faz parte de uma série, que tem como intuito ensinar as ferramentas essências para que você possa começar a desenvolver para a Web. Serão ao todo 3 aulas:  Sublime Text 3: Instalação, utilização e mais 20 plugins essenciais Esta aula sobre servidores locais e virtual host Usando o console do navegador + Ferramentas essenciais (FTP e Banco de dados) Nesta aula, você vai aprender como criar um servidor local, que vai ser muito útil para o desenvolvimento de aplicações web e além disso a Continue lendo

Sublime Text 3: Instalação, utilização e mais 20 plugins essenciais

Sublime Text 3: Instalação, utilização e mais 20 plugins essenciais

Esta aula faz parte de uma série, que tem como intuito ensinar as ferramentas essências para que você possa começar a desenvolver para a Web. Serão ao todo 3 aulas:  Esta aula sobre o Sublime Text Como criar um servidor local com PHP, MySql e Apache, e como configurar um virtual Host Usando o console do navegador + Ferramentas essenciais (FTP e Banco de dados) Nesta aula, você vai aprender como instalar o Sublime Text 3 e utilizar os principais recursos da ferramenta. Além disso, vou Continue lendo

Criando efeitos e animações com CSS e Jquery – Parte 01

Criando efeitos e animações com CSS e Jquery – Parte 01

Nessa primeira parte da série “Criando efeitos e animações com CSS e Jquery” vamos demonstrar como usar a biblioteca animate.css. Essa biblioteca possui vários recursos que deixarão suas páginas muito mais profissionais e bonitas. No próximo episódio da série vamos abordar a biblioteca WOW.js que funciona em conjunto com a animate.css e adiciona mais funcionalidades a mesma.  

Como criando um sistema de grids responsivos em CSS sem Frameworks

Como criando um sistema de grids responsivos em CSS sem Frameworks

Criar layouts responsivos em CSS ainda é uma tarefa muito complicada para muitos desenvolvedores. Principalmente quando o assunto é Grids/Colunas. O objetivo desse tutorial é tentar descomplicar essa tarefa e mostrar que nem sempre precisamos de um Framework para fazer nosso trabalho. Assista a aula sobre sistema de grids responsivos Agora que você já está familiarizado com o assunto, copie os códigos da aula e pratique bastante! Baixe os códigos dessa aula HTML Esse aquivo HTML serve apenas para nosso exemplo, não é preciso inclui-lo no seu Continue lendo