Gerador de assinatura para blogs

Postado por: Pedro Rogério em
  • 2 set
  • 2

Nesse site, você pode gerar uma assinatura com informações atualizadas sobre o seu blog, para o uso em seu próprio site, fóruns, ou o que você achar mais cabível. Ele consiste em você colocar o endereço do seu Blog, depois colocar o endereço do seu feed, e o seu e-mail cadastrado no Gravatar, pois essa será sua imagem que constará na assinatura. Ela ficará mais ou menos assim:

Assinatura para o blog

Se notarem, a medida que o meu blog é atualizado, a imagem também é atualizada, pois ela pega as informações do meu feed.

Central Server

Teste seu site no IE7 e Safari

Postado por: Pedro Rogério em
  • 1 set
  • 6

IE Capture

Se você tem curiosidade de saber como funcionaria seu site no IE7 e no Safari, mas não tem a oportunidade de instalar esses browsers em seu micro, existe um site onde você pode estar testando seu site, ou qualquer outro nesses 2 browsers, ou seja, você indica a URL e ele lhe mostra a screenshot.

http://www.danvine.com/icapture/: Teste aqui seu site no Safari.

http://www.danvine.com/iecapture/: Teste aqui seu site no IE7.

Microformats: rel-enclosure

Postado por: Pedro Rogério em
  • 31 ago
  • 2

Dentre os Microformats, talvez esse seja o microformato mais desconhecido entre os usuários, ele foi desenvolvido por Kevin Marks, em conjunto com o Technorati. Sua função é basicamente simples: colocado em um link, indica que o conteúdo do mesmo deve ser baixado e armazenado em cache, pode ser aplicado em (x)HTML, Atom, RSS e em XML arbitrário. Veja um exemplo de como aplicar esse microformato:


<a href="http://www.opera.com/download/get.pl?id=28277&location=171&nothanks=yes&sub=marine" rel="enclosure">Faça o Download do Opera 9</a>

Ele é melhor aplicado em links que indicam o download de vídeo, ou áudio, pois indica que o mesmo deve ficar armazenado em cache. Exemplo:


<a href="http://homepage.mac.com/kevinmarks/wwdc2005.mov" rel="enclosure">WWDC 2005 Keynote with chapters</a>

Referências

WIDGETS NO OPERA

Postado por: Pedro Rogério em
  • 30 ago
  • 2

Você que é usuário padrão do Opera, com certeza deve ter alguns Widgets instalados nele, não sabe o que são Widgets, eles são basicamente mini-aplicativos que ficam flutuando em sua tela, e o Opera, por sua vez, tem suporte aos mesmos.

É muito interessante isso por que você basicamente não precisaria ter um monte de aplicativos instalados em sua máquina, por que com os Widgets do Opera você pode ter leitores de RSS, ouvir rádios e podcasts, ter notícias de seus esportes favoritos, inclusive até editores de HTML dentre muitas outras opções.

Se você não sabe como trabalhar com os Widgets, é só dar uma olhada nesse Widget Tutorial, que só funciona no Opera, para aqueles que querm estar desenvolvendo Widgets, não deixem de estar visitando a comunidade de desenvolvimento.

Controlar o espaço entre as letras com CSS

Postado por: Pedro Rogério em
  • 29 ago
  • 5

O espaço entre as letras pode ser controlado com a propriedade letter-spacing do CSS, ela aceita valores positivos e também valores negativos, ou seja, se você colocar valores positivos, o espaço entre as letras será maior, valores negativos diminuem esse espaço. Peguemos esse código como exemplo:


<style type="text/css">

h1 { letter-spacing:15px; }
h2 { letter-spacing:-3px; }

</style>

Como podem ver, o meu título h1 terá um espaço entre as letras de 15px, e no h2, um espaço de -3px, dêem uma olhada nesse exemplo em funcionamento.

  • Categorias: CSS
  • Tags:

Floats com width

Postado por: Pedro Rogério em
  • 28 ago
  • 5

Acho que muita gente não conhece isso, mas os floats sem width dão problemas de posicionamento no Opera (versões antigas), mas o W3C diz em sua especificação, que deve ser obrigatoriamente declarado o width para os floats de todos os elementos, exceto os elementos img, input, textarea, select e object.

Páginas:«1...93949596979899...111»