Bem rápido. Aqui no trabalho há um grupo de designers que prestam atendimento aos clientes de web site e, na semana passada, fiz uma apresentação para eles aqui no auiditório do Estadão sobre padrões da web e algumas coisas sobre web 2.0. Disponibilizei as fotos caso tenham a curiosidade.
Até o próximo
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
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 ???
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.
o que vou contar aqui não deve ser novidade para muitos de vocês, mas, se não passaram por isso… rezem… rezem muito para não passar. Depois de quase um mês literalmemente implorando pelo suporte do speedy, na última sexta parece que a coisa foi resolvida.
Devo usar o speedy há uns três anos e, nesse perÃodo, por incrÃvel que pareça, não me lembro de um problema sério e que tivesse durado tanto tempo. Me peguei revoltado todos esses dias de suplÃcio por ter de depender dessa conexão, de não poder ter recorrido a qualquer outro fornecedor porque onde moro não chega nenhum tipo de conexão. Calma… não moro onde Judas perdeu as botas… juro…. estou na rodovia Anhanguera entre São Paulo e JundiaÃ, mas… conexão de banda larga só via speedy e tv por assinatura só Sky. Isso… ou a rede telefônica ou o satélite.
Olá gente, como havia prometido no inÃcio da semana, está disponÃvel o segundo vÃdeo tutorial do semêntico. Ele trata da implementação de um CSS para uma página interna do site http://www.wscontabilidade.com.br. Espero que aproveitem o conteúdo.
Até o próximo.
Hoje pela manhã li o artigo Quem vai ao BarCamp em São Paulo ? escrito pelo Bruno Torres e resolvi replicá-lo aqui no Semântico. Já me inscrevi, mas só não sei se vai dar pra tomar aquele choppinho porque estou tomando remédio para o estômago (é…. isso mesmo…. semana passada fiquei internado ! é mole ?!). Por conta dessa internação acabei não gravando o vÃdeo tutorial da produção de um layout do site de um amigo meu.
O site é o http://www.wscontabilidade.com.br que tem pouquÃssimo conteúdo e foi um dos primeiros que produzi usando os padrões. Como o layout estava muito, muito feio (acho que esse melhorou consideravelmente…), resolvi fazer esse novo e registrar em vÃdeo tutorial que devo disponibilizar ainda amanhã.
É isso… até mais v.
É comum vermos em sites, que usam ou não web standards, o efeito sombra. Vi uma sombra dia desses num site por aà e achei interessante como foi feita. Resolvi tentar fazer e agora quero compartilhar o resultado.
