Quem utiliza – ou j谩 utilizou – o Visual Studio para desenvolvimento de sites .Net j谩 deve ter passado pelo o que irei escrever neste t贸pico.
A alguns meses, venho tentando descobrir – mesmo eu n茫o sendo desenvolvedor e por interm茅dio de sites, blogs e afins – como fazer com que os componentes do Asp.Net renderizem de forma correta e acess铆vel. Atualmente, meu maior problema se encontra em um componente chamado GridView. O GridView 茅 um novo controle do Asp.Net 2.0 e uma melhoria do antigo DataGrid.
Um dos maiores problemas no DataGrid era a falta de comprometimento com a acessibilidade e isso foi corrigido com o GridView, juntamente com diversas outras falhas, por茅m, para que a GridView se comporte de forma acess铆vel temos que definir algumas propriedades para o componente e adicionar elementos extras em seu code-behind.
» Continue lendo Asp.Net vs. Acessibilidade #01 – Componente GridView
· · · · ·
Nosso assunto de hoje, dando sequencia ao tutorial xhtml, ser谩 sobre tabelas. Vamos falar um pouco sobre tabelas e como tornar nossa tabela acess铆vel.
Muita gente tem horror a tabelas quando o assunto 茅 ‘tableless’, dizem que tabela n茫o deve mais ser utilizadas etc, mas poucos sabem que tabelas devem sim ser utilizadas, por茅m, com o seu real objetivo que 茅 de mostrar, apenas, dados tabulares e n茫o para cria莽茫o de layouts.
Para se montar uma tabela em html – xhtml, devemos conhecer suas tags e para que cada uma delas servem.
» Continue lendo Tutorial xHTML #02 – Tabelas Acess铆veis
· · · · ·
Hoje irei falar sobre como criar menu rollover com imagem. Menus rollover s茫o menus que alternam o estilo ao passarmos o mouse sobre o objeto, um mouseover da vida.
Antigamente – e ainda bato de frente com isso hoje em dia – esses menus eram criados utilizando javascript e, pelo menos, dois arquivos de imagem – uma para o menu ativo e outra quando ativado o mouseover. Um problema que muito me incomoda com essa maneira de se criar menus 茅 o fato de, quando passamos o mouse por cima no objeto ele sumir com a imagem de fundo enquanto carrega a nova imagem.
Com todas as possibilidades que o CSS nos d谩, isso muda muito. Primeiro que, n茫o precisamos mais do javascript para ativar a troca de imagem e t茫o pouco de duas imagens. Vamos a explica莽茫o.
» Continue lendo Tutorial CSS #01: Menu rollover com imagem
· · · · ·
Depois de anos e anos tentando criar um layout descente para meu blog e procurando designers para faz锚-lo, resolvi eu mesmo meter a m茫o na massa – mesmo n茫o sendo designer – e saiu essa coisa horr铆vel a铆
Ok, eu sei que n茫o est谩 l谩 grandes coisas mas, achando algum bug, erros e se puderem sugerir melhorias eu irei ficar honrado e bastante agradecido.
See ya!
· · · · ·
Estarei come莽ando hoje uma s茅rie de, podemos dizer tutoriais, explica莽玫es sobre o uso de cada tag xHTML e CSS. Cada t贸pico ter谩 uma nomeclatura bastante direta sobre o assunto abordado, ent茫o vamos ao que interessa realmente.
Para iniciar a sequencia dos tutoriais, resolvi falar sobre listas de ordena莽茫o e explicar um pouco mais sobre o uso e cada uma e o porque isso 茅 importante na hora de se desenvolver um site dentro dos padr玫es w3c.
Listas desordenadas: <ul>
As listas desordenadas s茫o, comumente, as mais utilizadas por todos n贸s desenvolvedores quando resolvemos criar menus. E porque utilizamos as <ul> na cria莽茫o de menus? Simples! Porque, sem芒nticamente, os menus s茫o itens correspondentes a uma lista sem ordena莽茫o n茫o se encaixando em qualquer outra tag, sem芒nticamente, a n茫o ser a <ul>.
» Continue lendo Tutorial xHTML #01 – Utilizando as listas: ul, ol e dl
· · · · ·