Quer testar seu site na primeira versão do Firefox?

Postado por: Pedro Rogério em

Phoenix

Estava recentemente vendo as estatísticas de visitas aqui do meu blog, aí fui ver como andavam as coisas em relação aos browsers, então, vi um browser com um nome meio estranho, chamado Phoenix, fui até o Google buscar mais informações sobre o mesmo e descobri que esse foi o nome dado as primeiras versões do Firefox.

A partir da página de Releases do Firefox, você pode baixar todas as versões, desde a 0.1 até a versão mais atual, a 2.0.0.7.

Como eu adoro efetuar esse tipo de teste, baixei a versão 0.1, descompactei os arquivos e abri o browser, pois não é necessário nenhum tipo de instalação. Fui testar o meu blog, fiquei muito triste, olhem só o resultado abaixo:

Screen do meu site no Phoenix 0.1

Depois do multiple ies, agora é a vez do multi-safari

Postado por: Pedro Rogério em
Multi Safari

Após o lançamento do IE7, foi necessário descobrir uma forma de rodar o IE6 e o IE7 no mesmo PC para podermos testar os sites, mas o Safari não ficou atrás nisso, se quisermos testar o site em versões antigas do Safari, existem ainda disponíveis para download os instaladores desde a versão 1.0 até a versão 2.0.4. Portanto, se você é um feliz usuário do MAC, aproveite e veja como seu site se comporta em diferentes versões do Safari.

Um breve guia sobre Acessibilidade

Postado por: Pedro Rogério em

Os seguintes conselhos listados a seguir foram extraídos da WAI (Web Accessibility Iniciative), que resumem os pontos chave das diretrizes de acessibilidade web: WCAG 1.0.

  • Imagens e Animações: Uilize o elemento alt para descrever a função de cada elemento visual.
  • Mapas de Imagem: Utilize mapas do lado cliente e proponha alternativas de texto para cada área ativa.
  • Multimedia: Proporcione subtítulos e transcrições de áudio e descrições de vídeo.
  • Links: Crie links que contenham texto que façam sentido quando se está fora do contexto, por exemplo, evite os links clique aqui.
  • Organização da Página: Utilize cabeçalhos, listas e crie uma estrutura coerente para suas páginas. Utilize CSS para dar estilo a sua página.
  • Gráficos e Diagramas: Crie resumos utilizando o atributo longdesc.
  • Scripts, Applets e Plugins: Proporcione conteúdo alternativo caso o acesso a função não seja suportado.
  • Frames: Utilize o elemento no frames e utilize títulos com sentido.
  • Tabelas: Crie tabelas que possam ser lidas linha por linha. Faça um resumo do conteúdo das mesmas.
  • Revise seu trabalho: Valide seus documentos, referências e guias podem ser encontrados em: http://www.w3.org/TR/WCAG/

Tradução do artigo original de: WebMaster Libre.

Quais são as versões do HTML?

Postado por: Pedro Rogério em

O HTML foi desenvolvido originalmente por Tim Bernes-Lee no CERN (Centro Europeu de Física de Partículas), e foi popularizado pelo navegador Mosaic, esse desenvolvido pela NCSA (National Center for Supercomputing Applications). Devido ao seu rápido crescimento na Web, foi necessário criar um padrão para que todos os autores e navegadores pudessem reconhecer quaisquer versões do HTML, que são as seguintes: HTML 2.0, HTML 3.2, HTML 4.0 e o HTML 4.01.

Alguns crêem que o HTML não tem futuro algum devido a existência do XHTML mas se fomos ver bem, o browser mais utilizado hoje não suporta XHTML como deveria. As versões do HTML mais utilizadas hoje em dia são HTML 4.01 e XHTML 1.0. Essas 2 versões foram definidas pelo W3C a mais ou menos 7 a 8 anos, e agora estão sendo desenvolvidas novas versões que são o HTML 5 e o XHTML 2.

Apesar de cada versão, cada uma tem suas variantes que sempre devem ser definidas no documeno HTML:

  • HTML 4.01 Strict: O mais utilizado, onde podem ser utilizadas tags do HTML 4.01, só que não são permitidas tags obsoletas.
  • HTML 4.01 Transitional: Esse permite utilizar tags de todas as versões HTML, mas não é muito recomendado.
  • HTML 4.01 Frameset: Tem suporte a frames, um modelo muito antiquado.

Artigo recomendado: Evolução do HTML.

Esse artigo é uma tradução do original de: Carlos Leopoldo.

Mobile Firefox: Browser para mobiles

Postado por: Pedro Rogério em
Nokia n800

Recentemente foi desenvolvido um browser para dispositivos móveis baseado no Firefox, chamado Maemo, que infelizmente por enquanto só está disponível para o aparelho Nokia N800 com Tablet OS 2007, que por sua vez tem largo suporte aos WebStandards, pois usa o motor de renderização Gecko.

Ele é bem interessante, tem suporte a Ajax, RSS e aos plugins do Firefox. Veja abaixo algumas screenshots dele em funcionamento:

Ajax Drag and Drop
RSS Preview
Plugins
WML

Referências

Via Anieto2K.

Como inserir CSS em uma página via @import

Postado por: Pedro Rogério em

Em um post anterior, eu citei as 3 formas mais conhecidas e utilizadas de se inserir CSS em uma página, mas ficou faltando uma, não muito utilizada pela trupe de desenvolvedores, seja por falta de conhecimento ou gosto, mas isso agora não vem ao caso. Para inserir uma folha de estilos via @import em uma página é muito simples, basta você utilizar o seguinte código e colocá-lo no header de sua página:


<style type="text/css">
   @import url("style.css");
</style>

Da forma como foi descrito acima, seu CSS funciona-rá em todos os browsers, dessa outra forma também é válida:


<style type="text/css">
   @import url(style.css);
</style>

Mas, se você inserir dessa forma, por exemplo:


<style type="text/css">
   @import url("style.css") all;
</style>

Ela funcionará em todos os browsers, menos nos IE’s do Windows. Se você quer saber mais sobre esses truques, é bom dar uma olhada nas referências abaixo:

Páginas:«1...58596061626364...108»