Tutocle – Tutoriais para desenvolvedores web

Postado por: Pedro Rogério em

TutoCle

TutoCle é um buscador focado em encontrar material relacionado ao desenvolvimento web. Se você usa Firefox, pode incluir em seu browser um plug-in para fazer as buscas diretamente dentro do Firefox, você pode também efetuar buscas através da nuvem de tags que encontra no site, ou mediante palavras chave.

Inserir Flash corretamente em XHTML

Postado por: Pedro Rogério em

Embora o Flash seja um elemento muito ativo nas páginas Web, muitos desenvolvedores ainda não sabem como inserí-lo corretamente em XHTML. O conceito padrão, utilizado pela macromedia é absolutamente fora de contexto:


<object
  classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
  width="550" height="400">
  ...
  <param name="movie" value="movie.swf" />
  <param name="quality" value="high" />
  ...
  <embed src="movie.swf" quality="high" bgcolor="#ffffff" width="550" height="400"
    type="application/x-shockwave-flash"
    pluginspage="http://www.macromedia.com/go/getflashplayer">
  </embed>
</object>

Os atributos <object> são subordinados somente as necessidades do IE e não trabalharão em outros browsers. O atributo <embed> é para os outros browsers, mas ele não é listado nas especificações do HTML ou XHTML. O código consequentemente é inválido. O maior problema é que você não há uma forma de você fornecer conteúdo alternativo aos usuários que navegam com flash desabilitado.

Continuar lendo »

A semântica e o elemento HTML q

Postado por: Pedro Rogério em

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

13 elementos que deveriam conter em sua página

Postado por: Pedro Rogério em
  • 1- Buscador interno amigável e eficaz.
  • 2- Mapa do site.
  • 3- Links internos com URI absoluta.
  • 4- Conteúdo significativo no início da página.
  • 5- Desenvolver com as últimas tecnologias.
  • 6- Validar o HTML, XHTML e o CSS.
  • 7- Comprovar que não existem links quebrados.
  • 8- Uso limitado de tabelas.
  • 9- Uso limitado de Flash.
  • 10- Arquivos externos para folhas de estilo e javascript.
  • 11- Incorporar sempre atributos de identificação (alt, title).
  • 12- Incluir informação de contato.
  • 13- Uso moderado de imagens. Sempre justificadas e com valor não superior a 12KB

Estou atacando de colunista

Postado por: Pedro Rogério em

É gente, além de escrever para esse humilde blog, agora também vou começar a escrever para o site Oficina da Net, um portal direcionado aos desenvolvedores web. Estou escrevendo na coluna XHTML, que pode ser acessada aqui. Nesse 1° artigo eu publiquei uma matéria que havia colocado aqui no meu blog, que se chama: Uma vez programando errado, sempre dará errado. Eu acho importante isso, manter o código sempre organizado que para uma eventual manutenção, não ocorra problemas.

Apresentações na web com HTML Slidy

Postado por: Pedro Rogério em

Muitas vezes quando precisamos desenvolver alguma apresentação, o primeiro programa que nos vem a cabeça com certeza é Power Point, e na maioria das vezes acabamos criando apresentações com uma interface pobre, sem imagens, mas hoje em dia existem várias opções, que dentre elas posso citar o HTML SLIDY, desenvolvido por Dave Ragget, que se encontra hospedado nos servidores da W3C, com isso temos a certeza de absoluta adequação aos padrões web e a acessibilidade.

Para utilizá-lo basta baixar o script e seguir as instruções para formatar o código adequadamente.

Páginas:«12345678»