Barra de Acessibilidade no Opera

Postado por: Pedro Rogério em

Barra de Acessibilidade no Opera

Muitas pessoas não sabem, mas é possível instalar uma barra de acessibilidade no Opera, ela é muito parecidíssima com a extensão Web Developer do Firefox. Ela possiu links rápidos para validação do código, opção de habilitar e desabilitar o css, analisador de contraste de cores, opção de vizualização da tela do seu browser em diferentes resoluções, e várias outras coisas bem interessantes. Se você usa o Opera, confira você mesmo.

HTML é semântico

Postado por: Pedro Rogério em

Acho que nunca levantei uma discussão aqui nesse blog, então essa será a primeira. XHTML é mais semântico que HTML? Vou deixar aqui a minha opnião:

Os buscadores entendem perfeitamente o HTML, e mesmo assim eles não deixam de indexar as páginas, logicamente que eles gostam mais de <h1>, <strong> e as tags similares, e esses são elementos que já existiam no HTML.

XHTML é HTML, não há atributos novos nem elementos novos, tudo segue exatamente igual. Vejas as diferenças entre XHTML e HTML no site do W3C.

XHTML não separa melhor o conteúdo da estrutura. Para aqueles que tem terror da tag font, vale lembrar que esse elemento não é permitido seguindo o dtd do HTML 4.01 Strict, quem dirá então o DTD do XHTML 1 Transitional. O DTD do XHTML 1 Transitional é o mesmo do HTML 4 Transitional só que reformulado para funcionar como XML, e o mesmo acontece com as DTD do HTML 4 Strict e XHTML 1 Strict.

E você, qual é a sua opnião sobre esse assunto, deixe aqui o seu Feedback!!!

Texto piscando com CSS

Postado por: Pedro Rogério em

O exemplo que vou citar nos faz voltar aos primeiros anos da Internet, onde tinhamos aquelas interfaces pobres. Com o tempo foram surgindo novos recursos, e um deles foi a tag blink, visando dar mais dinamismo as páginas Web, mas com a evolução do HTML, logo ela caiu em desuso. Mas ainda existe uma forma de implementá-la através de CSS:


<style type="text/css">
.blink { text-decoration: blink; }
</style>

Nosso HTML fica da seguinte forma:


<span class="blink">Aqui você coloca o texto</span>

Veja um exemplo em funcionamento, mas muito cuidado, por que poucos browsers ainda a suportam, eu fiz alguns testes e ele funcionou perfeitamente somente no Firefox, no Opera 9 e no IE não funcionou, se alguém puder testar em outros browsers.

<update 22-11-2006>Ele também não funciona no IE 7</update>

Firefox: Guia para iniciantes

Postado por: Pedro Rogério em

Pra quem não conhece, o Firefox tem uma série de vantagens e características nunca vistas no IE. Dentre suas vantagens podemos destacar as seguintes:

Navegação por abas

Para abrir uma nova aba é só usar a conbinação de teclas CTRL + T. Para navegar entre as abas com o teclado, utilize CTRL + N° da Aba (1,2,3,…), e também CTRL + Page Up ou CTRL + Page Down para navegar entre abas sequencialmente.

Continuar lendo »

Guia CSS – 7ª Parte: Margens

Postado por: Pedro Rogério em

A propriedade margem declara a margem entre um elemento do HTML e os elementos em torno dela. A propriedade margem pode ser ajustada para o alto, direita, abaixo e a esquerda:


margin-top: valor definido pelo usuário ou auto;
margin-right: valor definido pelo usuário ou auto;
margin-bottom: valor definido pelo usuário ou auto;
margin-left: valor definido pelo usuário ou auto;

Você tem a escolha de 3 valores para a propriedade margem, que são as seguintes:

  • Comprimento: em pixels
  • Porcentagem
  • Auto

Continuar lendo »

Quer testar o Writely?

Postado por: Pedro Rogério em

<update:18/08/2006>Pelo que eu vi agora o cadastro está aberto a novos usuários, não é necessário mais convite.</update>

Writely

De todas as aplicações Web que eu conheço, a que mais se destaca é o Writely, é um editor de texto on-line desenvolvido em AJAX. Quando o Google o adquiriu, ele ficou fechado para novos cadastros, mas para aqueles que querem testar essa aplicação(eu recomendo), peço que deixe um comentário que estarei enviando um convite.

CSS display:none acessível aos leitores de tela

Postado por: Pedro Rogério em

Quando estamos desenvolvendo um site, é habitual e recomendável utilizar-mos links para pular entre seções para aqueles que utilizam leitores de tela possam navegar rapidamente entre as várias seções da página sem ter que esperar que a mesma seja lida totalmente. Por exemplo, é recomendado criar-mos links que saltem do menu ao conteúdo para que o mesmo não seja lido várias vezes dentro de um mesmo site.

Esses links ficam invisíveis para aqueles que usam navegadores normais. A técnica mais usada é a propriedade display:none.


.oculto {
    display:none
}

Continuar lendo »

Páginas:«1...105106107108109110111...119»