DGmike

DGmike

Calma! não entre em pânico! Amanhã (talvez) tem novo post…

  • Alice Andrade
  • Rafael Zamana
Você está aqui: dgmike

  • Home
  • Guia Rápido jQuery
  • Códigos prontos
    • PHP: Função __auloload()
    • Classe sqlsimples e sql – PHP
    • Bancos, bancos e mais bancos…
  • PagSeguro
  • Artigos
    • JavaScript (parte 1)
  • Quem é dgmike?

Vírgula em html5 e css3

Posted in CSS, Chrome, Design, Firefox, Navegadores, Tecnologia, html by DGmike
Aug 03 2010
TrackBack Address.

Estava com um tempinho sobrando e estudando sobre html5, css3 e vi que algumas pessoas já começaram a desenhar com as técnicas de cantos arredondados do css3. Decidi fazer a minha versão do logo daqui do vírgula.

Logo do Vírgula em HTML e CSS3

O portal vírgula ganhou uma versão do seu símbolo em HTML5 e CSS3

Claro que não funciona no Internet Explorer, mas funcionou em google Chrome, Opera e Firefox no meu linux ubuntu. Também não testei no IE9, mas quem se importa?. E aí na sua máquina, funcionou?

8 Comments »

Youtube e HTML5, agora ficou mais fácil

Posted in Chrome, Firefox, Internet Explorer, Navegadores, Programação, flash, html, video by DGmike
Jul 26 2010
TrackBack Address.

Você se lembra quando inserir um video em uma página web era complicado? Você prescisava usar a tag embed e colocar um arquivo .wma que muitas vezes prescisava de um plugin da microsoft para conseguir rodar. Consequentemente, o player do tio Bill carregava no Internet Explorer e deixava o usuário furioso com o consumo de memória que ele consumia.

Apesar dos pesares, era relativamente fácil inserir um video com o html4 que tinhamos na época:

1
<embed autoplay="false" src="VIDEO.wma" width="50" height="50></embed>
Youtube, um player de videos online gratuito

Videos online, assim foi que o youtube conseguiu a maior audiência do mercado web do mundo

Ainda bem que o tempo passa e, com ele, a tecnologia só melhora. Inventaram o flash e com ele o player personalizado. Pouco tempo depois nascia um dos mais visitados sites do mundo: Youtube. Mas, infelizmente se tornaria mais complicado inserir um video no seu site. Agora era necessário usar o embed de flash, que não decorei até hoje.

1
2
3
4
5
6
<object width="640" height="385">
  <param name="movie" value="http://www.youtube.com/v/ID_VIDEO"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <embed src="http://www.youtube.com/v/ID_VIDEO" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>
</object>

O pior veio quando, em alguns casos, o browser bloqueava o embed e precisou-se usar algum hack em javascript para conseguir “embebedar” o flash player com suas trocentas variáveis.

Com a chegada do html5 tudo ficou mais fácil. Eu já havia explicado por aqui como se faz para inserir um video em formato .ogg em sua página. Isso foi um pouco antes do html5 estourar nas paradas de sucesso. Algum tempo depois o Youtube aderiu a essa novidade.

Mas infelizmente nem tudo são flores na vida de Joseph Climber, e agora nos deparamos com uma pergunta básica: usar video com html5 ou embed de flash player. O caso é que, dependendo da máquina/browser do usuário, o html5 (que tem muito mais vantagens) simplesmente não funciona. O youtube está convertendo, pouco a pouco os videos em formato .flv para o formato .ogg aos poucos, então quando saber que está na hora de atualizar os videos do seu blog?

Para resolver o problema, o youtube decidiu tomar as redias e “inventou” uma nova forma de colocar os videos dele no seu site/blog: através de iframes. Veja como a sintaxe fica mais interessante.

1
2
3
4
<iframe class="youtube-player" type="text/html" frameborder="0"
    src="http://www.youtube.com/embed/VIDEO_ID"
    width="640" height="385"
></iframe>

Apenas trocando o ID do video. E voilà, seu video está em seu site sem você precisar se preocupar com atualizações de versão, compactibilidade, etc, etc.

4 Comments »
Tagged as: bill gates, embed, Firefox, flv, google, google chrome, html, html4, html5, iframe, Microsoft, oembed, video, wma, youtube

Novo emprego!

Posted in Cotidiano, Dia-a-dia, Programação, Tutorial by DGmike
Jul 19 2010
TrackBack Address.

Comecei agora há pouco no meu novo emprego. Conheci a equipe e o ambiente de trabalho. Parece ótimo. Nada melhor para começar um novo emprego que algumas linhas de comando no git.

Primeiro presciso guardar em uma tag segura a minha vida.

dgmike@vida:$
git tag -a visie -m "Guardando a minha fase da vida na visie"
git push --tags

Agora, criar um branch novo. Vazio.

dgmike@vida:$
git symbolic-ref HEAD refs/heads/virgula
rm .git/index
git clean -fdx
touch README
git add README
git commit -m "Primeiro commit aqui no virgula"

4 Comments »
Tagged as: branch vazio, git, novo branch, tag, tutorial de git

Até mais e obrigado pela salada

Posted in Cotidiano, Dia-a-dia, Trabalho by DGmike
Jul 16 2010
TrackBack Address.

É de conhecimento de todos os seres vivos humanóides que tudo o que tem um início tem um fim, com exceção é claro do arroz – o arroz nunca acaba, e das longas tardes de domingo que, por mais que você tente, elas não terminam. E assim como todas as outras coisas no universo, minha estadia na Visie chega ao fim.

No clássico "Guia do Mochileiro das Galáxias" os Golfinhos são a segunda raça mais inteligente do planeta

Sim, meus caros, hoje é meu último dia na família Visie. Uma empresa que tem ótimos profissionais, alguns são os melhores que eu já vi em qualquer outro lugar. Sempre tratei a visie e seus funcionários não como uma empresa e funcionários mas como uma grande equipe, talvez como um monte de piratas, onde cada um tinha um papel importante para o bom funcionamento com o barco. E caso algo desse errado, poderíamos contar uns com os outros para o der e vier. Quando ainda morava no Rio, a minha visão de empresa ideal era exatamente essa. Minha visão ainda não mudou, acho que o trabalho e o comprometimento da equipe é o mais importante para que um projeto seja um sucesso.

Neste final de ano eu completaria meus três anos de casa e vi algumas pessoas entrando e saindo da empresa e chegou a minha vez. Todas as pessoas que conhecemos alteram a nossa vida, independentemente da quantidade. Podemos aprender com os acertos e erros dos outros e adaptar o nosso aprendizado em nossa vida. Eu sou uma pessoa que gosta muito de ouvir e falar só quando é necessário. Na visie aprendi com cada pessoa que falou um “a” para mim. Não só da equipe como um todo – inclusive o pessoal de financeiro, alimentação, vendas e todos os outros setores, mas também dos clientes.

É legal ver o crescimento de profissionais como Luciano e Daniela, que chegaram com pouca ou quase nenhuma bagagem de experiência e agora pegam grandes projetos sozinhos. É legal ver a garra de um pai de família como o Fernando Sergio e inspirar-se nele para preparar a minha. É muito legal ver o Peka vivendo a vida no seu estilo único de ver o lado bom da vida. É legal pra caramba ver como o Julio lida com os problemas sempre de uma forma amena de ser, lembrando-se sempre que para tudo existe uma solução. Legal também é ver o crescimento de Zamana – meu parceiro de longas datas, começar a entender melhor JavaScript e Python e aprender novos conceitos e mesmo me ensinar novos conceitos. É legal ver como o Ricardo passou a ter mais experiência na área de front end, mesmo trabalhando há pouco tempo na visie. E é claro, é muito legal ver o Eduardo trabalhando com o seu emacs (maluco!) e ainda assim escrever ótimos códigos.

Fora o pessoal de desenvolvimento, existe a equipe que dá todo o suporte necessário para que o nosso trabalho seja bem feito. A Paloma sempre fez o seu trabalho como uma mestra e não acredito que encontrarei outra pessoa com tanta boa vontade para fazer o que ela faz, nunca deixando a peteca cair. Lana faz o trabalho mais complicado da empresa, a meu ver, e mesmo assim consegue concluir o esperado todos os meses a fio, isso deixa qualquer um orgulhoso. A Berê sempre está disposta a ajudar quem seja e a fazer mágica as mãos. Inclusive tirei a Berê duas vezes seguidas no amigo secreto, rsss… O Paradela trabalha sempre escondido, mas sei bem como o cara consegue resolver os maiores problemas de forma simples e direta, e ainda fazer faculdade.

Bom, das pessoas que passaram pela Visie posso destacar conhecimentos como corrida de F1 ou tracking. Pude ver o lado feliz de viver a vida através de um carioca que apareceu por lá. Lembro-me bem de um carinha que tinha um conhecimento grande de matemática, mas que teve que sair para concluir seu mestrado e aprendi que existe muita coisa para ver no mundo do que só o que vemos à nossa frente. Tive a oportunidade de conhecer um nerd com bagagem de conhecimento como nenhum outro que me ensinou uma forma diferente de ver o twitter. Também tive a oportunidade de ver um ótimo programador PHP que leva uma vida social muito louca (tem colegas dos mais inimagináveis possíveis, inclusive um ex-nicaraguense) e mais normal (ou anormal) que muitas outras pessoas que não se dizem nerds. Pude trabalhar ao lado de uma pessoa ímpar que teve paciência de levar o conhecimento de git para a equipe, mas que devido à distância teve que sair da empresa. No meio de tantos, gostaria de destacar os três parceiros que tive a oportunidade de trabalhar na ACSP que deixam um vazio no peito: um japonês, um pai de família e um porra-louca!

Pela empresa, ainda palestrei ao lado dos meus ídolos no CodeShow 2010. Basicamente foi no primeiro CodeShow que conheci a Visie de verdade e alguns meses depois ingressaria na empresa. Antes de entrar, já dava aula de informática, mas na Visie tive a oportunidade de lecionar de verdade, com tecnologia de verdade, para pessoas com grande porte como o pessoal do Metro-SP. Também lecionei para grandes parceiros como o Bruno Rocha, que me mostrou o vegan e ainda o linux de uma forma diferente do que eu conhecia, começava a ver linux como linux e não como ubuntu.

Como profissional, ainda tive a oportunidade de estar dentro do complexo do UOL e de outras empresas grandes, vendo como as empresas de grande porte trabalham no dia-a-dia e desenvolver os mais variados aplicativos em mais variadas linguagens e ambientes. Pude colocar a mão em bancos de dados que eu só tinha ouvido em teoria: Oracle, Postgree, Firebird, DB2, sqlite. Tive a experiência de trabalhar em pair programing com técnicas de XP e ter conhecimento do que se chama de scrum.

Em suma, dava para escrever um ótimo livro sobre todas as minhas experiências como programador/desenvolvedor da visie. Mas chega um momento no qual precisamos dar prioridades a algumas coisas – nas quais não convém falar, e como consequência precisaremos fazer escolhas.

Gostaria de agradecer ao Elcio Ferreira e ao Diego Eis pela oportunidade de trabalhar e crescer absurdamente como profissional dentro da sua empresa. Aprendendo sempre a cada palavra que saia da boca de cada um de vocês. Quando estava no Rio, um dos meus sonhos era trabalhar na Visie. Não em uma startup, ou em uma multinacional ou mesmo em uma empresa de renome nacional ou mesmo na google. Eu queria trabalhar na Visie. Eu queria trabalhar com as pessoas que me ensinaram o que é HTML, CSS e JavaScript. Obrigado por me ajudar a realizar este sonho. Saio da Visie não com raiva ou culpa ou mesmo desanimado. Saio de lá com orgulho de ter sido um funcionário da Visie.

10 Comments »
Tagged as: destino, Programação, serviço, Trabalho, trampo, vida, visie

Api de teste do meadiciona.com

Posted in Programação, php by DGmike
Jun 01 2010
TrackBack Address.

Desde que o Ederson @peka me apresentou o meadiciona.com adotei como ferramenta de gerenciamento de contas e sempre passei, nos meus e-mails e contatos, o meu perfil do programa. Mas como desenvolvedor, sempre achei que deveria existir uma maneira de conseguir resgatar esses dados de forma fácil.

meadiciona.com o seu cartão de visitas online

O meAdiciona.com é uma ferramenta desenvolvida com o intuito de facilitar sua vida. Tudo que você precisa dizer é meadiciona.com/voce.

Não aguentando mais esperar por uma API definitiva, resolvi escrever uma própria parseando o código html[bb] do meu perfil e verificando o perfil de alguns amigos, que poderiam ter menos ou mais informações diversas. Descobri também que os contatos como e-mail e texto puro são trabalhados de forma diferente no html gerado no site, sendo que o e-mail simplesmente não é gerado. Ele é passado por um protocolo de segurança não fácil de interpretar (a partir de AJAX[bb]) para que robôs (como o meu) não peguem facilmente. Decidi deixar de lado em prol da segurança do meadiciona. Então esta API não foi projetada para pegar os e-mails, ok?! :D

Para usar, basta requisitar a URL http://util.dgmike.com.br/meadiciona/[perfil].json. Hoje estou liberando apenas JSON e não pretendo liberar outra forma por enquanto, já que esta me serve com bastante tranquilidade. Veja como é fácil pegar essa informação via PHP[bb].

1
2
3
4
5
6
7
8
9
10
11
12
13
$saida = file_get_contents('http://util.dgmike.com.br/meadiciona/dgmike.json');
$perfil = json_decode($saida);
if ($perfil->r) {
    echo '<h3>'.$perfil->data->nome.'</h3>';
    echo '<p>'.$perfil->data->desc.'</p>';
    foreach ($perfil->data->servicos as $servico) {
      if (!$servico->url) continue;
      echo "<a href='{$servico->url}' style='float:left; width: 190px; height:35;text-align:center'>";
      echo "<img src='{$servico->img}' title='{$servico->title}' height='32' />";
      echo "</a>";
    }
    echo '<br style="clear:both;" /><small>Powered by <a href="http://meadiciona.com/dgmike">meadiciona.com</a></small>';
}

O código de como usar a API do meadiciona.com não oficial está disponível no gist do github, caso você queira passá-lo adiante. O resultado está logo abaixo, com o meu perfil, é claro!

Michael Granados (dgmike)

Falar de mim é como falar de você, só que um pouco diferente…


Powered by meadiciona.com

3 Comments »
Tagged as: api, biblioteca, código, dica, meadiciona, php, Programação, simples, solução, Tutorial
Next page »

Categorias

  • Amigos  (16)
  • cases  (4)
  • Cotidiano  (73)
  • CSS  (20)
  • Design  (2)
  • Dia-a-dia  (33)
  • Diversão  (18)
  • eventos  (10)
  • extensions  (11)
  • flash  (4)
  • Games  (1)
  • html  (7)
  • icephp  (4)
  • Ilustração  (6)
  • Imagem  (8)
  • Inspiração  (5)
  • javascript  (36)
    • jQuery  (7)
    • yui  (2)
  • Não categorizado  (26)
  • Navegadores  (19)
    • Chrome  (6)
    • Firefox  (18)
    • Internet Explorer  (6)
  • pagseguro  (12)
  • php  (43)
    • PHP Conference  (3)
  • plugin  (3)
  • Programação  (46)
  • python  (5)
  • Semântica  (16)
  • sql  (9)
  • tableless  (18)
  • Tecnologia  (48)
  • Trabalho  (28)
  • Tutorial  (25)
  • Vetorial  (5)
  • video  (8)
  • video-tutorial  (5)
  • Windows  (4)
  • wordpress  (2)
  • xHTML  (23)

Tags

ajax artigo banco de dados biblioteca blog browser classe CSS data Design Dia-a-dia dinheiro evento eventos Firefox framework google html icephp internet Internet Explorer javascript jQuery loja mysql online opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Tutorial twitter visie web wordpress

Arquivo

SlideSare

Últimos Posts

  • Vírgula em html5 e css3
  • Youtube e HTML5, agora ficou mais fácil
  • Novo emprego!
  • Até mais e obrigado pela salada
  • Api de teste do meadiciona.com

Tags

ajax artigo banco de dados biblioteca blog browser classe CSS data Design Dia-a-dia dinheiro evento eventos Firefox framework google html icephp internet Internet Explorer javascript jQuery loja mysql online opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Tutorial twitter visie web wordpress

Conteúdo

  • Artigos
    • JavaScript (parte 1)
  • Códigos prontos
    • Bancos, bancos e mais bancos…
    • Classe sqlsimples e sql – PHP
    • PHP: Função __auloload()
  • Guia Rápido jQuery
  • PagSeguro
  • Quem é dgmike?
PagSeguro Powered by WordPress | “Blend” from Spectacu.la WP Themes Club