Classificados com widgets

Bom galera, depois de um tempo sem dar as caras, por motivos de trabalho, venho até vocês com uma novidade interessante.

Se trata de um site de classificados que fornece widgets dos anúncios do próprio anunciante como estes que vocês estão vendo aqui.

Este site teve uma boa sacada para se alto divulgar. E os anunciantes saem ganhando, mais visibilidade para eles.

Para quem tem um blog é interessante usar na barra lateral.Cadastro anúncios, widgets, tudo grátis.É isso ai galera. até a próxima.

40 tooltips com ajax, javascript e css

No artigo que saiu na smashingmagazine.com
http://www.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-javascript-css-dhtml/


vários modelos de tooltips.

Técnicas de navegação com css

várias técnicas de navegação com css
http://alvit.de/css-showcase/css-navigation-techniques-showcase.php

Este foi para o meu favoritos.

Nó de gravata

Fugindo um pouquinho do assunto, achei este site bem interessante, porque ele ensina a dar vários tipos diferentes de nó em gravata, inclusiive com gravata borboleta.


http://www.scoutdb.org/h2tat/

Google na Lua

O google também mapeou a lua. Com Google Moon é possível ver todos os locais que as Apollos pousaram.

Visualizador de PowerPoint no Gmail

Os usuários do Gmail poderão ter mais um beneficio dentro de alguns dias.

As apresentações em anexo poderão ser visualizadas sem necessidade de ter o PowerPoint instalado.

Mais um ponto para o Google.

Face Transformer! Aplicativo Java

Você já teve vontade de saber como vai ser seu rosto quanto a terceira idade chegar?
Bom agora não precisa esperar. O Face Transformer faz isso e muito maais pra você.

Ele é um aplicativo desenvolvido em java, você faz o upload de uma foto e depois seta as áreas dos olhos e da boca, escolhe o tipo de transformação e pronto.

Inspirações para Webdesign

As vezes você tem um trabalho para entregar, hora para cumprir e a tal da inspiração te deixa na mão.

Por isso é sempre bom ter em mãos links que podem te ajudar a dar uma clareada nas idéias.

Este site tem vário design de sites belíssimos cadastrado, e você ainda pode tentar divulgar o seu.

Busca de ícone

Este site é o google dos ícones
http://www.iconlet.com/

Ilustrações Inspirações

Se você gosta de ilustração e entende russo este é um ótimo site para colher algumas idéias.
http://illustrators.ru/?a=author&id=262&w=3056

Agora se você não entende nada de russo mas arranha no mandarin, experimente este site:
http://www.startdrawing.org/home/?cat=16

Bom pra quem quer ser mais convencional tem este site em inglês que você pode enviar suas próprias ilustrações:
http://www.amateurillustrator.com/galleries/index.php?cat=0

YouTuve flv vídeo no seu player flash vídeo com php

Neste artigo irei mostrar como usar um vídeo do YouTube no seu próprio player flash.

Veja o exemplo de utilização aqui

Todo o segredos para capturar o flv esta nos headers

teste.php

$link="http://www.youtube.com/watch?v=8lhx0r2N0dw";

preg_match("/video_id=\S+&.+&t=.+&f/i", file_get_contents($link), $matches);

$url=get_headers("http://www.youtube.com/get_video?".$matches[0],1);

$flvVideo = (substr($url['Location'],-4)==".flv") ? urlencode($url['Location']) : urlencode($url['Location'].".flv");

$video = urldecode($flvVideo);

A variável $link deverá conter o link do video youtube.

ainda no arquivo teste.php

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="500" height="400" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="" video="<?php">" /><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="" video="<?php"></embed>" quality="high" bgcolor="#ffffff" width="500" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

O flv do YouTube será passado para o flash através da variável video.

Criando o arquivo Flash (Flash 8)

abra um novo documento
com as seguintes dimensões
438 px por 400px

Agora precisamos colocar em nosso filme um componente de para ver os vídeos flv

Se você não estiver vendo a aba de componentes utilize as teclas de atalho CTRL + F7

Clice duas vezes FlvPlayback para abrir o componente, logo após arraste o componente FlvPlack para o palco do seu filme.

Estamos quase terminando, agora o primeiro frame cole o código
videoPlayer.contentPath = video;

Este código passará o flv do YouYube para o seu componente flash.

Agora exporte este filme na mesma pasta que esta o seu arquivo php.

Para facilitar seus estudos faça o download dos arquivos.

Extensão do Firefox muda as cores do google, youtube e orkut

Se você quer inovar, quer sair da mesmice, esta nova extenção do firefox vai te ajudar, você pode alterar as cores dos serviços do google como a própria página inicial do google o orkut e o youtube.
Download addon Stylish

Tirar Barra do Blogger

Que tal você tirar essa bara de navegação que fica no topo do seu blog?

É bem fácil, entre na sua conta va até configurações, Modelo, Editar Html
procure pela linha
#header-wrapper
e cole o código logo acima
#navbar {
display:none;
margin:0;
padding:0;
}

salve o modelo e pronto, a mágica foi feita.

Cross-Fading Slideshow javascript

Simples slideshow com display multi imagens configuração de tempo para a troca da imagem.

Exemplo de crossfade
Download

Turbine seu site com efeitos web 2.0

O Script.aculo.us é um frameworks muito bom para fazer aplicações ajax web 2.0

Arrastar e soltar para um carrinho de compras.
Auto Completar
Combinação de efeitos

Cantos arredondados com javascript

Com Corner.js 1.3 você pode deixar os elementos do seu site com cantos arredondados.

treinando sua datilografia

Treine sua datilografia se divertindo.

http://www.jonmiles.co.uk/fingerjig.php

Joguinho em Flash

Achei esse muito interessante, com um alto nível de jogabilidade, da até pra esquecer o layout feio.
http://www.everybodypanic.org/linegame.swf

Google Developer Day - Brazil - AdSense

O Google AdSense oferece aos editores de sites, de qualquer tamanho, uma forma rápida e fácil de exibir anúncios Google nas suas páginas de conteúdo e ganhar dinheiro. Os anúncios são relevantes, por que estão relacionados àquilo que os usuários procuram no seu site ou combinam com as características e interesses dos visitantes que o seu conteúdo normalmente atrai.

http://code.google.com/events/developerday/br-home.html

Compactando seu código JavaScript e CSS

O site http://compressor.ebiene.de/ oferece um compactador de código css e javascript grátis.
1. Cole seu código.
2. Escolha o tipo de compactação , básica ou super.
3. Copie o código gerado.

Javascript Effect.Tooltip

Effect.Tooltip é uma classe bem interssante e fácil de usar.

Exemplo de aplicação:
new Effect.Tooltip(element, content, {title : 'title', className: 'class', offset: {x:0, y:0}});

Layout css com colunas

Para muitas pessoas que começas a trabalhar com tableless, um grande desafio é a contrução de layout com colunas.
O site csseasy.com é uma mão na roda.
Selecione um tipo de layout, copie o código fonte e pronto, você ja tem uma base para seu projeto.

XHTML/CSS Templates para Web Design

A Template World designers disponibilza gratuitamente para downloads vários Templates tableless. Todos eles estão de acordo com as normas W3C-compliant.
Vale a pena.
http://www.templateworld.com/free_templates.html