Obviamente que, ao fazer uma busca no Google, Yahoo, Live, etc., não podemos achar que, na velocidade com a qual os resultados são exibidos, a busca seja realizada naquele exato instante. Os buscadores (prefiro usar esse termo porque é mais rápido pra digitar - apesar desse parêntese) “enviam” periodicamente pela web o que conhecemos como robô de busca, crawler ou spider. Esses caras nada mais são do que programas que rastreiam a web seguindo links e armazenam em um banco de dados o conteúdo dos sites que encontraram.
Continuar lendo...
Antes de começar esse artigo fui até o Google e busquei a seguinte palavra: untitled. O Google retornou que existem aproximadamente 109.000.000 de páginas indexadas para essa palavra. O que isso significa? Significa que 109.000.000 de páginas na base de dados do Google estão sem tÃtulo (as palavras ou frases que você usa dentro da tag <title>. Significa também que muitas dessas páginas poderiam, vejam bem… poderiam estar muito melhor classificadas nos resultados se tivessem tÃtulos, mas… tÃtulos bem escritos.
Continuar lendo...
Dias desses eu estava no boteco do Lagoa tomando uma cerveja e chegou um vendedor de isqueiro em cartela. Ele entrou no bar, desejou bom dia a todos, olhou para o dono do bar e disse: “eu vendo isqueiro em cartela”. Como o Lagoa lhe deu atenção, ele prosseguiu mostrando dois ou três modelos diferentes, suas respectivas caracterÃsticas e, por fim, o preço. O Lagoa negociou e comprou uma cartela do modelo de melhor qualidade. Apenas uma… mas comprou.
Não, você não está bêbado e também não está no blog errado. Deve estar se perguntando qual a relação desse vendedor com os web standards, a semântica e etc. Pois bem… outro dia recebi um e-mail com esse conteúdo:
Continuar lendo...
Hoje um artigo do Diego do Tableless sobre o uso de ferramentas WYSIWYG no desenvolvimento web acabou despertando um certo protesto sobre o trecho quando, entre parênteses, ele escreveu: Fireworks não, por favor!
Eu acompanho o Tableless desde 2005 e lembro de, nos vÃdeo tutoriais que assisti, ter visto sempre uma inclinação do Diego em relação ao uso do Illustrator.
Continuar lendo...
Parte I - O empurrão
na apresentação que fiz aqui no trabalho , posso dizer que, em uma amostra de trinta designers, 99% estavam completamente crus em relação aos Web Standards. Enquanto preparava os slides fiquei imaginando que iriam me perguntar sobre coisas como: e quando o layout usar curvas? e eu posso inserir Flash nisso? os sites vão perder em relação a beleza? a as tabelas… posso continuar usando em alguma situação?, o Dreamweaver faz isso, o Front Page (se mata…) faz aquilo, etc.
Continuar lendo...
Lynx é um browser em modo texto nativo dos sistemas Unix.
Já usei o Lynx no Linux (já fucei em algumas distribuições mas não tenho usado ultimamente) numa época em que não conhecia os padrões da web. Se você não sabia, uma das recomendações para quem está se aventurando no mundo da SEO (Search Engine Optimization) ou otimização para mecanismos de busca é usar o Lynx para navegar no site.
Essa é inclusive uma recomendação que estão na documentação do Google para Webmasters. A documentação deixa bem claro que a maioria dos spiders vê o seu site do mesmo modo que o Lynx.
Fiz uma apresentação sobre os padrões da web aqui no trabalho (depois disponibilizo as fotos aqui) e fiquei caçando um Lynx para Windows na última que acabei não achando.
Hoje, fuçando mais um pouco, acabei achando uma extensão do Firefox que exibe o site como se fosse o Lynx e resolvi compartilhá-la para quem, como eu, não conhecia.
É isso. É só instalar.
Até o próximo.
Ok, no artigo eu valido, tu validas, ele valida…, deixei disponÃvel um arquivo para que você pudesse testá-lo no validador e assim fosse ganhando um pouco de intimidade com as mensagens de erro vindas dele durante a tentativa de validação.
Vamos lá, erro 1 - linha 12:
document type does not allow element “h1″ here; missing one of “object”, “applet”, “map”, “iframe”, “button”, “ins”, “del” start-tag
Continuar lendo...
Eu gosto de validar os códigos que escrevo. Gosto de saber como anda o meu conhecimento sobre o XHTML que estou escrevendo, se ele está consolidado, onde estou cometendo ou repetindo erros e quais são eles, o que preciso estudar, o que preciso revisar, etc.
Todos nós nos deparamos com situações em que achamos que não vamos errar mais e, por um ou outro motivo, erramos (alguns se enganam e outros falam que deu um branco).
O validador do W3C é um cara legal, ele fica de olho naquelas regras que devemos obedecer para que nosso código final seja de sintaxe impecável. Ok, nada disso garante a semântica (essa só nós podemos garantir) do código, principalmente para quem gosta de tornar as coisas mais difÃceis.
Agora chega de blá, blá, blá. Para esse artigo fiz um arquivo para que você possa testá-lo a vontade no validor e assim ir entendendo onde e porque acontecem os erros.
Bom, pra facilitar a sua vida, aconse-lho que instale a barra web developer no seu Firefox para poder usar a opção validade html do menu tools da respectiva barra.
Esperimente o arquivo. Vai servir como uma espécie de exercÃcio. Se você se enrolar com os erros… não tem problema… deixe seu comentário expondo sua dificuldade e, se respostas não aparecerem, até o fim da semana eu publico a outra metade do artigo explicando os detalhes dos erros.
Inté + v.
Se você receber (ou conceber) um layout de uma ou várias páginas com uma sitaução como abaixo, ou seja, texto junto com imagem, imagem ora para a direita, ora para esquerda. O que você faz ? Cria uma div para cada uma das imagens e sai floatando para tudo que é lado ? Coloca as imagens dentro de divs dentro dos parágrafos e depois vai receber aquela mensagem do validador…. document type does not allow element “div” here; missing one of “object”, “applet”, “map”, “iframe”, “button”, “ins”, “del” start-tag… desiste de tudo e vai assistir a Luciana Gimenez entrevistar a filha da Gretchen e volta a fazer layouts com Front Page e tabelas ???
Continuar lendo...
No artigo Sua primeira vez com XHTML e CSS criei um layout de três colunas que usava a propriedade float com o valor left para posicionar as colunas (divs). Nesse artigo vou usar um método diferente para conseguir o mesmo resultado.
Continuar lendo...
<< Posts anteriores
