Posts arquivos para junho, 2011
30jun2011
No domingo de 27 de março de 2011 parcitipei dos 10 km da corrida Track&Field Run Series 2011 - Shopping Villa Lobos - 2ª Etapa.
A corrida foi disputada em torno do Parque Villa Lobos, largando no Shopping Villa Lobos, passando pela Praça Panamericana, Ponte do Jaguaré e com a chegada também no Shopping Villa Lobos.
Como na etapa anterior, algo muito bom dessa prova foi a limitação de inscrições. Havia menos de 3.000 corredores, o que facilitou bastante a corrida durante todo o percurso.
Tempo total: 00:48:55
Tempo médio por km: 04:53
Tempo em cada km:
- 04:24
- 04:31
- 04:41
- 05:04
- 04:49
- 05:13
- 05:23
- 05:26
- 04:29
- 04:55
O pessoal do Locamotiva também estava por lá.
Maciel Moraes, Edvaldo Cruz, Mauricio de Amorim, Bruno Luppi, André Pimentel, eu e Dayvison Pellegrina
Foto de WebRun
Foto de Ativo.com
Foto de MidiaSport
Foto de WebRun
Link deste post
30jun2011
uma colega me mandou o link pra esse infográfico aí abaixo (que já é genial por si só e já valeria compartilhar) quando percebi que esse blog tem um zilhão de infográficos bacanas. veja primeiro esse sobre marcas e social media:
(postado em… http://blog.getsatisfaction.com/2011/06/29/what-makes-people-follow-brands/?view=socialstudies)
bárbaro, nao? adoraria saber como isso é aqui no Brasil. pra complementar, esbalde-se com os outros estudos sobre geração Y, CRM, atendimento, etc:
Link deste post
29jun2011
por
Rene de Paula em
business,
carreira,
dica,
ELW,
empreendedorismo,
encontro locaweb,
Evento,
inovação,
marketing,
palestra,
video
uma das palestras mais legais do 13° Encontro Locaweb foi a do Flavio Pripas da bymk, uma super inspiração e provocação pra quem está pensando em empreender e inovar. o mais legal da história é que a palestra está na íntegra online ao vivo e a cores e… de graça. assista, vale super a pena (começa aos 4min mais ou menos):
hoje notei que tem dois comentários lá. fiquei feliz 
Link deste post
29jun2011
complementando meu post anterior sobre a coleção do Bill Buxton, aqui vai uma outra pérola: o cara falando ao vivo no MIX 2010 (eu estava lá, tem até fotos mais abaixo pra comprovar 
)
se você clicar na imagem abaixo vai pra página do vídeo, aí basta avançar o player até mais ou menos 1h36min (e se você não quiser assistir em Silverlight, mais abaixo estão os links pra fazer o download tanto dos slides quanto do video em diversos formatos):
Download
aqui estão os links pra quem preferir baixar o video e a apresentação:
Right click “Save as…”
Slides
e aí estão as fotos que o caríssimo Kelps Sousa me mandou:
Link deste post
28jun2011
por
Rene de Paula em
arte,
criação,
cultura,
Design,
geek stuff,
história,
inovação,
interação homem-máquina,
interface,
tendencia,
user experience
descobri hoje cedo, e vim correndo compartilhar essa pérola com vocês: a coleção particular de objetos interativos do Bill Buxton:
Pra quem ainda não conhece o Bill Buxton, aí vai a tradução via google:
Nos últimos 30 anos, o designer, escritor e pesquisador Bill Buxton vem colecionando dispositivos de entrada interativos cujo projeto lhe pareceu interessante, útil ou importante.No processo, ele reuniu uma boa coleção de história da computação de caneta, dispositivos apontadores, tecnologias de toque, bem como uma ilustração da natureza de como as novas tecnologias emergem.
Parte da coleção foi exibido pela primeira vez publicamente na Vancouver Art Gallery, como parte da Exposição mudança maciça, com curadoria de Bruce Mau, em 2004. Desde então, a coleção tem crescido significativamente, em grande parte graças ao generoso apoio da Microsoft Research.
Esta coleção foi exibido na CHI 2011, ea exposição foi aberta ao público. Cada dispositivo na exposição incluiu uma Tag Microsoft em seu rótulo, o que permitiu que as pessoas para verificar o tag em seu telefone móvel e ir diretamente para a página desse dispositivo detalhes sobre este site para saber mais. (post original em inglês aqui)
a coleção está inteira online e pode ser navegada de duas maneiras: em HTML e… Pivot Viewer, uma tecnologia que eu adoro e sempre que posso ajudo a divulgar.
pra dar uma idéia de como é, vocè começa por uma visão geral da coleção (com todas as imagens podendo ser vistas em super zoom, bastando usar a rodinha do mouse):
se você selecionar um filtro qualquer, digamos “objetos de referência”, a interface seleciona os objetos numa animação bacana:
digamos que você escolha esse rádio Braun de 1958, que a Apple “homenageou” sem dar crédito no iPod:
além de ter a informação completa em texto, vocè pode dar um super zoom pra ver os detalhes:
claro que você poderia ver isso direto em HTML, mas well, eu gosto muito da UX do Pivot.
eu tive a honra de conhecer o Bill Buxton e encontrá~lo em diversas ocasiões no evento MIX.
aí está uma foto dele que tirei com meu celular. (um amigo, o Kelps, deve ter uma foto onde eu apareço conversando com o Bill, vou ver se encontro…):
(se você quiser explorar o Pivot, aqui está o link pro download, é tudo gratuito: http://research.microsoft.com/en-us/downloads/dd4a479f-92d6-496f-867d-666c87fbaada/default.aspx )
Link deste post
27jun2011
mais uma pérola via @brainpicker : uma visualização maravilhosa de twitts recentes (por exemplo… sobre brazil com Z: http://moritz.stefaner.eu/projects/revisit/#/brazil//200/false)
Link deste post
27jun2011
pra quem é publicitário interativo eu nem preciso dizer que semana passada saiu a premiação do Festival de Cannes e que a Loducca ganhou prata pelo Street Art View (ação feita pra Red Bull). olha os caras aí:
eu não conhecia essa ação, e fiquei sabendo mais assistindo a esse vídeo:
quer conferir online? clique aí no screenshot:
aqui está a equipe técnica (parabéns galera!)
e vale lembrar que Red Bull foi um dos exemplos de melhores práticas da palestra do Marcelo Negrini no 13° Encontro Locaweb (reveja e compartilhe, tremendo conteúdo sobre marketing digital)
Link deste post
27jun2011
Uma proposta diferente dessa vez:
Sobre o que você quer ler ?
Existem muitos blogs pipocando por ai, alguns muito bons, outros com conteúdos muito rasos, mas nem sempre encontramos aquele assunto específico que precisamos. Ou então, passamos o dia lendo “posts novos”, mas que não são exatamente o que queríamos estar lendo.
Sou um exército de um homem só. Como muitos colegas de profissão.
E por isso, comecei estudando CSS, xHTML, e logo tive que me virar com javascript, vi que jQuery poderia me ajudar, não esquecendo que eu desenvolvia sistemas pesados e complexos com php, ao mesmo tempo que tentava entender OO… e assim vai a ‘salada da necessidade’ que constitui a minha (in)formação atual.
Não sei tudo, mas acredito que tudo o que sei, pode servir a alguém, se eu conseguir expôr de uma forma mais clara, e mais cotidiana, como tenho feito por aqui. E mesmo que eu não saiba, ou vou te dizer que no momento é impossível para mim, ou vou pesquisar e aprender mais.
O blog me ajuda a praticar, escrever é muito bom para o meu próprio conhecimento.
Então vamos brincar.
Me diga nos comentários sobre oque dessas áreas:
-> JavaScript (puro ou jQuery)
-> PHP
-> Orientação a Objetos
-> SQL
-> CSS
-> Outra ? o/
Você quer saber, despretenciosamente mesmo. A minha idéia é tentar fazer um ou mais posts para cada comentário que eu ver nesse tópico.
Focados no que você quer saber.
Link deste post
24jun2011
Analisando o meu Analytics, Carousel jQuery, é a principal fonte de pesquisa, que trazem os visitantes ao meu site.
Portanto, vou deixar um exemplo de uso do plugin jCarousel aqui nesse post.
Eu já havia mostrado como fazer um Carousel usando o Cycle, então fica tb a dica de como usar o plugin jCarousel.
O HTML bem simples:
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
</ul>
e o js mais simples ainda:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> http://wbruno.com.br/scripts/jcarousel.html
<script type="text/javascript" src="http://sorgalla.com/projects/jcarousel/lib/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});
</script>
Veja que importamos a biblioteca jQuery, antes do plugin, e logo depois fizemos o instanciamento do nosso carousel, pelo ID que definimos.
E lógico, o css:
<link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" />
CSS básico do skin, define posicionamento e mais algumas coisas.
Sim, eu fiz um copy & paste do exemplo1 do site. Na verdade é um teste de SEO.
Depois publico o resultado.
Link deste post
24jun2011
Boas galera!!
Respondendo uma dúvida no iMasters, vi que não é possível usarmos âncoras HTML com iframes(pelo menos eu não consegui) .
O menu tá lá em cima, e o iframe no meio do conteudo, escondido pela rolagem.
isso aqui:
<a href="http://www.google.com.br/#externo" target="externo" id="google">google</a>
<iframe src="" name="externo" id="externo" width="1000px"></iframe>
infelizmente não funciona.
Logo, a próxima solução que pensei, foi usar javascript para tal:
<html>
<head>
<script type="text/javascript">
window.onload = function(){
document.getElementById('google').onclick = function(){
window.document.body.scrollTop = document.getElementById('externo').offsetTop;
}
}
</script>
</head>
<body>
<a href="http://www.google.com.br/" target="externo" id="google">google</a>
<div id="espaco">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<iframe src="" name="externo" id="externo" width="1000px"></iframe>
</body>
</html>
=) é isso ai.
Link deste post
