Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

O W3C publicou em seu site ontem um Working Draft de Widgets 1.0. Pra você que não sabe o que é um Widget, ele é um pequeno programa que precisa de um motor pra ser executado, geralmente eles são feitos para agilizar a sua vida e acabar com tarefas repetitivas. Por exemplo, o Konfabulator, o Wordpress Widgets e o Yahoo! Widgets, são Widgets que estão aí a muito tempo, e são desconhecidos por muita gente, por isso creio que o W3C veio investir nesse ramo que cresce a cada dia, e que tem um futuro promissor. Ou seja, regras para serem desenvolvidos os Widgets.

Como funcionaria os Widgets do W3C

Basicamente você necessitaria de 2 arquivos: config.xml e index.html. Usando um content-type application/widget está definido nosso widget, e usaremos a extensão .widget.

Exemplo do config.xml:

<widget>
  <widgetname>
    Hello World!
  </widgetname>
  <width>
    300
  </width>
  <height>
    300
  </height>
</widget>

<update 13-11-2006>No site do Opera existe um exemplo de como criar seu próprio Widget.</update>

Helipad é um bloco de notas on-line que nos permite gerar e guardar nossos documentos ordenados por tags, para que mais tarde possa ser impresso, onde você pode adaptá-lo tanto no tamanho como na fonte, você também tem a opção de compartilhá-lo entre seus amigos através de links específicos que são mostradas no momento em que é ativada essa opção.

Conta com suporte a plug-ins e temas, de modo que nos permite personalizar sua interface a seu modo, gerando nosso CSS particular.

Devido a correria em busca de padrões, a Apple já implementou em seu Webmail o uso de Microformats, e ao que tudo indica, a próxima versão do Internet Explorer terá um amplo suporte aos mesmos.

Eu creio que isso não vai demorar muito a acontecer, eu por exemplo já estou migrando, veja a matéria aqui.

Raw é um editor open-source com uma interface muito intuitiva, com várias opções de edição. Possui janelas flutuantes, iguais aos programas de edição normais.

Se você pensa que sabe muito sobre os logotipos das chamadas empresas 2.0, então esse jogo foi feito especialmente pra você. Dentre os 6 logos mostrados, você deve clicar no verdadeiro, cada clique errado lhe custa 2 segundos, bem interessante.

Aqui você vê uma lista de páginas 404 estilizadas, a minha é bem simplezinha.

<update 14-11-2006>Essa aqui é interessante</update>

Com Widget maker você pode criar um Widget que leia o RSS do seu site e possa oferecê-lo ao seus visitantes, o que hoje em dia é uma grande vantagem. No site widgets.opera.com você pode encontrar vários Widgets, tem até um para torrents.

Pra você que não sabe o que são Widgets, dê uma olhada na Wikipédia.

Abra uma página qualquer, que contenha algumas imagens, e cole o código abaixo na barra de endereços e o execute:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval( 'A()',5); void(0);

O que esse código faz é pegar todo o conteúdo que está dentro da tag <img> e fazê-las ficar girando em funções trigonométricas em sua página.

Fonte: EstadoBeta.

Se lembram daquela frase “By feedburner” que fica embaixo do botão do Feedburner que indica o número de assinantes do Feed? Existe uma forma muito simples de “retirar” aquela frase e mostrar somente o botão própriamente dito com CSS:

Vamos ao nosso código CSS:

.feedburner {
height: 19px;
width: 88px;
overflow: hidden;
}

Nosso HTML ficaria assim:

<div class="feedburner">Aqui você coloca o código do seu botão</div>

Veja um exemplo em funcionamento. O que ocorre é que foi criada uma div com 19px de altura, sendo que o botão normal tem 26px, com isso, usando overflow:hidden, ele não cria uma barra de rolagem para o conteúdo excedente, e o mesmo fica invisível.