Web Design

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

Como criar um menu responsivo com CSS e JS puro

Como criar um menu responsivo com CSS e JS puro

Design responsivo ainda é um assunto delicado para muitas pessoas, principalmente se tratando de menus. Porém a realidade é que criar um menu responsivo é muito mais simples do que você pode imaginar! Nesta aula você aprenderá como criar um menu responsivo usando apenas CSS e JS puro.  

Como tirar o máximo de proveito do console do navegador

Como tirar o máximo de proveito do console do navegador

Está aula é a ultima parte da série sobre Ferramentas Essenciais para desenvolvimento Web. Nela, você vai aprender como usar as ferramentas disponíveis no navegador para inspecionar o seu código, depurar erros e melhorar sua produtividade na hora do desenvolvimento. Para que a aula fique mais clara, vamos usar um sistema de busca com Ajax e PHP desenvolvido especialmente para a aula. Além disso, faremos a aula usando o plugin Firebug para o Firefox, pois o mesmo, aumenta ainda mais o poder do console padrão Continue lendo

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 02

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

Na primeira parte da série “Criando efeitos e animações com CSS e Jquery” demonstramos como usar a biblioteca animate.css. Nesta segunda aula iremos abordar a biblioteca WOW.js que é um complemento da biblioteca anterior e tem como finalidade aumentar o poder das interações e oferecer recursos mais avançados.

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