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 »

Truques para se trabalhar com unidades relativas: em

Postado por: Pedro Rogério em

A unidade de medida relativa “em” tem como finalidade indicar o número de vezes que se deve aumentar o tamanho da letra em relação ao tamanho do elemento que a contém. Para uma melhor compreensão ao desenrolar deste post, verifique abaixo os valores em px para em:


1em = 10px
1.2em = 12px
1.5em = 15px

Muitas pessoas não sabem, mas o valor definido nos navegadores para o tamanho das fontes é de 16px, então qualquer elemento dentro de <body> terá o seguinte tamanho:


1em = 16px
2em = 32px
0.5em = 8px

Mas, se por um acaso, definir-mos um tamanho para um elemento, por exemplo p, que está dentro de body, o elemento filho estabelece seu tamanho em relação ao elemento pai. Por exemplo, se o tamanho das fontes no navegador está definido como 16px:


body { font-size:0.5em; }
p { font-size:2em; }

O elemento p vai ter um tamanho de 16px, não de 32px, por que ele “herda” o tamanho definido em body (a metade, 8px) e o dobra (2×8=16). Dùvidas beba direto da fonte.

Matar o IE com uma só função

Postado por: Pedro Rogério em

Lamentavelmente 41% dos visitantes desse site usam o IE como browser padrão, é também o navegador mais usado da Web, mas lamentavelmente, os usuários não sabem que estão expostos a milhares de bugs e milhões de vulnerabilidades, se soubessem, mudariam rapidamente de navegador.

No post do Kriptopolis.org, ele ensina a matar o IE com uma só função. Abaixo você pode ver como ficaria o código:


<html>
<head>
<script>
	function Demo() {
  	    for (var i in window.alert) { var a = 1; }
	}
</script>
</head>
<body>

	<p align=”center”><strong><u>ATENÇÃO:</u></strong> Apertar esse botão pode matar seu Explorer!<br /><br />
  	<input type=’button’ onClick=’Demo()‘ value=’Matar meu Explorer!’></p>

</body>
</html>

Um clique sobre o botão com a função demo e bye, bye. Adeus IE.

EM Calculator

Postado por: Pedro Rogério em

Se você trabalha com unidades de medida absolutas, e gostaria de começar a trabalhar com unidades de medidas relativas (em, pixels…), e anda meio perdido, existe um site que faz a converssão de pixel para em, assim fica bem mais fácil de trabalhar né, agora você não fica mais perdido, alterando o tamanho de suas fontes toda hora até achar a que você queria.

EM CALCULATOR

  • Categorias: CSS
  • Tags:

XHTML semântico aplicado a listas

Postado por: Pedro Rogério em

Semântica, em um modo geral, se refere ao significado das palavras, mas na Web, quando falamos em semântica, estamos nos referindo ao significado das etiquetas com que estamos marcando o nosso código, ou seja, XHTML é uma linguagem de marcação estrutural, cada elemento tem uma relação e um significado dentro do nosso documento.

Mas voltando as listas, em XHTML 1.0 (e 1.1), existem 3 tipos de listas:desordenadas, ordenadas e de definição, além disso, existem outras etiquetas que servem para indicar o uso dessas listas:

Etiqueta <li>

É uma etiqueta comum em listas desordenadas e ordenadas, e não pode ser usada em listas de definição, sua função é marcar um elemento de uma lista (por isso a definição: list item). Veja um exemplo:


<li>ASW</li>
<li>Acerbis</li>
<li>Smith</li>
<li>Wirtz</li>
<li>One</li>

Como podem ver, nosso exemplo não está completo, é agora que definimos se nossa lista é ordenada ou desordenada

Continuar lendo »

Temas para Wordpress

Postado por: Pedro Rogério em

No site de Emily Robbins você irá emcontrar uma lista com 980 temas gratuitos para Wordpress, dentre eles, temas de 2 colunas, temas de 3 colunas, que funcionam desde a versão 1.5 do Wordpress até a sua versão atual.

Se você procura temas para Wordpress estilo magazine, experimente dar uma olhada nesse post

Páginas:«1...90919293949596...104»