Criando um menu retrátil com CSS e jQuery
Hoje vou ensinar como criar um menu usando listas (ol) e que tem o efeito de expandir/retrair feito com jQuery.
O efeito em sí é bem simples e fácil de ser modificado… O meu foi feito usando HTML puro e uma folha de estilos (CSS) pequena. No final do tutorial você vai encontrar o link pra download do arquivo .rar com o exemplo dessa aula.
Veja aqui um exemplo de como vai ficar o menu.
Bom… vamos lá!
SEO - Explicando o que é para quem quer saber ou está iniciando na área
Não gente! SEO não é a versão, em emuxês, de “seu”.
Viemos falar de SEO, a sigla para Search Engine Optimization, que em bom português significa “Otimização para Mecanismos de Busca” ou, como alguns preferem “ser amigo do Google”.
Muita gente, talvez não quem está começando, mas quem já tem alguma experiência, se preocupa com o seu site aparecendo no Google (ou outro sistema de busca)… Não é um bicho-de-sete-cabeças, mas também não é fazer qualquer coisa no FrontPage e esperar que seu site vá aparecer na primeira página dos resultados de busca. SEO é arte.
- Woorank - analisando o SEO de seu site
- Como o Google calcula o custo dos links patrocinados
- Como funciona o mecanismo de busca do Google
- Melhorando a tipografia de interfaces web com o Google Font Directory
- Curso de Introdução ao CSS em 10 vídeo-aulas
- Variantes do efeito Lightbox para imagens, videos, HTML e sites externos.
Tableless: Formulário sem tabela
Mostrarei como desenvolver um formulário sem a utilização de tabelas. O form é desenvolvido com CSS usando a tag <label>. O resultado do form será:
HTML - Elementos Inline e de Bloco
Para todo bom desenvolvedor, entender como funciona a renderização dos elementos HTML é fundamental. Esse conhecimento evita que, no momento do desenvolvimento, programadores enfrentem problemas com o HTML desenvolvido ao realizar alterações e utilizar tags que não são necessárias.
Exatamente neste ponto que vem este artigo! Mostrarei 3 formas diferentes de renderizar elementos HTML.
