O exemplo abaixo é de uso da API Urlshortener do Google: Google URL Shortener API

A aplicação é para entrada de um link original, por input, e o retorno é dado pro um link encurtado do Google URL Shortener com um link semelhante ao http://goo.gl/.

Foi testado e funciona corretamente em todos os últimos navegadores.

Link do projeto:
https://github.com/sandroSilva/Urlshortener

Abaixo temos um exemplo de um banner dinâmico em HTML5, onde eu uso a formatação e animação em CSS3, o desenvolvimento foi feito em Javascript com a framework jQuery e os dados, que podem ser diâmicos, utlizando um arquivo JSON.

A aplicação tem um modo simples e tranquilo para ser implantado em qualquer código, desde que o desenvolvedor tenha um mínimo de consciência do que esteja fazendo.

Todos os dados estão dentro do arquivo json/banner.json, como os links e as imagens de cada banner, o dado “_hash” é somente necessário se você precisa captar algo da url para alguma marcação em javascript. Poderemos colocar tantas imagens quanto queremos, pois o javascript tratará esta quatidade e organizará as mesmas.

Recebemos os dados através do arquivo js/banner.js, onde através da facilidade do jQuery, fazemos o load dos dados e aplicamos as imagens, links, e também a paginação das imagens, além do timer para o tempo de exbição de cada imagem no navegador.

Os dados são formatados com CSS3 no arquivo css/style.css onde aplicamos filters, transitions e border-radius em alguns elementos.

No arquivo index.html temos temos somente a linkagem de todos os arquivos acima e a marcação dos elementos em DIV.

Foi testado e funciona corretamente em todos os últimos navegadores (inclusive o Internet Explorer 10)

Link do projeto:
https://github.com/sandroSilva/banner-HTML5

Abaixo temos dois exemplos de trabalho com webcam a partir da API getUserMedia que está começando a ser implantada nos browsers, no entanto ainda somente o Google Chrome consegue suportar ela. Já outros navegadores estão começando a implantar esta nova API que permite o trabalho com webcam, desde trabalho com fotos e videos.

Captando e salvando uma imagem da webcam.

No link do código postado abaixo temos o exemplo de uma aplicação desenvolvida em HTML5 e Javascript, utilizamdo jQuery. Com ela, utilizamos a webcam do usuário para captar uma imagem, desenhar ela em CANVAS, depois poderemos salvar ela no sistema do usuário.

Esta aplicação funciona corretamente no Google Chrome e no Opera.

Link do projeto:
https://github.com/sandroSilva/SnapShot

Captando e salvando um vídeo da webcam.

No link abaixo temos o exemplo de captação da imagem da webcam, encodando o video para WebM e permitindo que o usuário salve o video produzido em seu computador.

Utilizei a classe Whammy que é um WebM Encoder em Javascript (http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/).

Esta aplicação funciona corretamente somente no Google Chrome.

Link do projeto:
https://github.com/sandroSilva/SalvaVideo

Passado alguns meses após recebermos notícias que foram discutidas por todos os nichos do Front-end, resolvi publicar qual rumo seguirei daqui para frente, e quem sabe o que lerás abaixo também possa despertar e sanar dúvidas que qualquer desenvolvedor desmotivado ou que ainda não tenha consciência que está para vir no futuro.

Desde de julho de 2011 tivemos péssimas notícias da Adobe à respeito ao Flash Player e ao Flex, o primeiro foi descontinuado para Dispositivos Móveis e o segundo foi descontinuado pela própria Adobe sendo “jogado” para a comidade e abraçado pela Apache. E neste meio tempo houve uma visível melhoria dos navegadores no que se refere à compatibilidade com a maior parte dos recursos de HTML5, CSS3 e Javascript.

A natural migração de todo desenvolvedor AS3 é para o JavaScript. Muito do que é feito em HTML5 e CSS3 também. Crei oque normalmente “Creative Developers” trabalharão com mais facilidade com HTML5/CSS3 e JavaScript do que até mesmo aqueles que já trabalham com HTML e CSS. Pois muito do que é feito em Flash, para não falar tudo, está sendo produzido sem a necessidade de plugins. E até mesmo a linguagem AS3 é parecida com Javascript.

Eu já desenvolvi muitos sites em HTML e CSS, porém a revolução que o HTML5 e CSS3 tráz, faz com que a linguagem mais básica para desenvolvimento web se torne muito poderosa e com recursos que antes era só possivel com a ajuda de plugins, como Flash Player e Java Console. Portanto, me vejo na necessidade de me atualizar em tudo o que já vi de HTML e CSS, pois muita coisa mudou e mudará.

É claro que o Flash terá folego, mas não vejo mais nada que o presente para o Flash Player, creio que não haverá mais espaço para profissionais que trabalham unicamente com AS3 daqui a dois anos. É uma simples evolução natural (como a que acabou com os dinossauros).

A Adobe já viu isto e vê que não há tanta necessidade de investimento, pesquisa e melhoria do Flash Player. Vejo como este o motivo da Adobe tomar tais decisões e quem não quer ver as coisas desta maneira, é melhor começar a ver.

Inicialmente pensei que seria melhor continuar com o Flash por algum tempo, pois ainda há folego para quem trabalha com vídeo (como sites em que você gera um video que pode ser disponibilizado para download), a mesma coisa com áudio. Pensei que poderia haver futuro com 3D e Games também.

Mas veja o que já há trabalho e entrega de vídeo em HTML5/CSS3 e JavaScript:

http://www.ro.me/
e
http://www.allisnotlo.st/index_en.html

E veja o que há de Games:
http://www.cuttherope.ie/
e
http://chrome.angrybirds.com/?version=hd

E veja o que há em 3D:
http://mrdoob.github.com/three.js/

E para quem pensa também em migrar para o PHP, leve em consideração que as coisas também podem começar a mudar:
http://nodejs.org/

Sinceramente penso que não há futuro para Plugins na WEB e também nos dispositivos móveis, não vejo futuro inclusive para o Adobe AIR.

O bom é que estamos no início deste processo de mudança que é o de menor procura por desenvolvedores AS3 e maior procura de desenvolvedores Javascript. Desenvolvedores Javascript ainda são poucos no mercado que são especializados somente em Javascript. O tempo em que cada um acabará abandonando o AS3 (totalmente ou em parte), dependerá de cada um, mas, na minha opinião, agora é a melhor hora de você focar em outra linguagem de programação que não seja AS3.

Eu fiz a minha escolha.

Saudações! 

Diferente dos muitos outros posts de Flash & CEO que criei, não achei nada melhor na web do que a introdução para As Ferramentas de Websmasters do que a do próprio Google. Segue o link abaixo:

http://www.google.com.br/webmasters/edu/quickstartguide/index.html

Aproveitem e até a próxima!
Abraços!
Sandro Silva (@sandrilho)

Saudações!

Vamos falar agora sobre conteúdo para sites em Flash

Diferente do conteúdo gerado para sites em HTML, o conteúdo gerado para sites em Flash tem algumas peculiaridades devido a falta de Tags HTML, no entanto há algumas situações que devem ser padrões tanto para FLASH e HTML.
Quando pensamos em conteúdo para site, você deve entender que o conteúdo não deve ser somente texto, mas também sim, imagens, vídeos, áudios, ou qualquer outra informação que o usuário poderá acessar no site, assim devemos pensar mais no que é conveniente ao usuário, no que se refere a um conteúdo relevante para o interesse do usuário.
Temos dois principais objetivos em vista com a melhoria do conteúdo de um site:
- Fazer o usuário divulgar o seu conteúdo através do compartilhamento, seja pelo Twitter, Facebook, email ou indicação por outras mídias;
- Melhor indexação do conteúdo pelo Google;

Aponto algumas boas práticas para melhorar o modo como disponibilizar o conteúdo em um site em Flash.

A) Seja conciso:

Ao colocar um conteúdo no seu site, evite colocar informações desnecessárias e redundantes, pois, se assim for, poderá causar logo o desinteresse do usuário pelo conteúdo. Caso o conteúdo seja muito extenso, divida o mesmo por tópicos estabelecendo assim uma melhor divisão de conteúdo. Mantenha-se centrado no tema e não se desvie do assunto, caso seja necessário fazer um comentários fora do conteúdo relevante, estabelaça um link para este comentário.

B) Revise o texto:

Para evitar erros de ortografia, palavras repetidas e demais erros que poderão acontecer nos diversos textos no site, é necessário revisar o texto. Revise o texto com atenção e pacientemente, o melhor é que uma segunda pessoa também o faça, geralmente aquele que produz o texto acaba deixando alguma coisa de fora por excesso de confiança ou desatenção.

C) Use texto Adequado:

Faça o bom uso do português, evite o uso de modismos e de toda aquela gama de palavras que você usa diariamente no MSN, Twitter e Orkut. Se for um texto técnico, use expressões de fácil entendimento e quando usares expressões puramente técniccas, use aquelas de uso global dos usuários interessados.
Porém como a maioria dos conteúdos produzidos para sites não envolvem termos técnicos e sim a venda de produtos, procure sempre ser muito claro e preciso escolhendo as palavrasmais adequada, de acordo com o público alvo.

D) Tenha um conteúdo único e exclusivo:

Não crie algo que já tem muitas referências e não copie nada de outros sites, nem descrições de produtos iguais.
É diferencial você criar algo novo, com texto relevante ao assunto especifico ou produto que você esteja apresentando. O usuário só valorizará a informação se ela for nova para ele, caos contrário ele irá em busca de outras fontes.

E) Evite duplicar conteúdo:

Se você já tem alguma informação semelhante em alguma parte do site, é bom que você não a repita novamente, seja ela um texto, imagem, video ou áudio, pois isto atrapalha a indexação do Google e outros motores de busca, além do que causará o desinteresse do usuário pela busca de informaçãos também.
Caso seja importante reconsiderar alguma informação, coloque um link apontando para a informação já existente para não repetir em dois lugares ao mesmo tempo.

F) Use palavras-chave que estão relacionadas com o título da página e a descrição da mesma:

Crie um conteúdo relevante e fiel ao que se intitula na página e no link designado em sua descrição. Isto reforçará a informação e a propriedade da mesma. De outra forma seria decepcionante para quem busca o conteúdo e encontra algo muito diferente do título da página ou o link pelo qual ele acessou a mesma.
Ter um conteúdo relevante com o título, url e descrição reforça muito a importância do conteúdo nos sites de busca na indexação correta.

G) Não repetir as palavras-chave:

Seguindo o que foi dito sobre conteúdo duplicado evite as mesmas palavras-chave. Pois o Google e outros motores de busca entenderão como SPAM. Utilize sinonimos e expressões semelhantes. Isto não vale somente para conteúdo específico para sites de buscas, mas também para melhor leitura do usuário também. Tenha isto em mente para textos e conteúdos mais curtos, já que em conteúdos e textos mais extensos é praticamente impossível não repetir alguma palavra-chave.

H) Carregue as imagens dinâmicamente (XML)

É importante que as imagens sejam carregadas dinâmicamente através de um XML para que o motor de busca tenha acesso ao endereço final da imagem. Assim será muito mais facilitado para o Google indexar as imagens pelo nome das mesmas dentro do Google Images. As que estão incorporadas dentro do SWF, na biblioteca, às vezes não tem o nome definido corretamente, nem tem um acesso facilitado para a leitura e penetração de qualquer motor de busca, pois não teria como ser visualizada no Google Imagens se ela estiver embedada no SWF.

I) Use nomes amigáveis nas imagens

Use nome das imagens (arquivos) que serão carregadas por XML de forma amigável, por exemplo: vinho-branco-600.jpg, assim você dirá do que se refere a imagem. Pense que o motor de busca não terá como ver qual imagem é para depois identificá-la e indexar a mesma.

J) Embed as fonts

Ao colocar um campo de texto dinâmico, ou até mesmo de imput, no Flash , embed as fonts de maneira eficiente no FLA para que elas não apresentem erros de codificação quando puxarem conteúdo de um XML ou de outra fonte de texto dinâmico.

Por euquanto é isto neste post

Note que eu coloquei por enquanto, pois este é um assunto deveras longo, e em breve atualizarei este post para melhores colocações!
Até breve!