DGmike

DGmike

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

  • Alice Andrade
  • Rafael Zamana
Você está aqui: dgmike » Arquivos para internet

  • 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?

Post Rápido: Jumbourl.com

Posted in Dia-a-dia by DGmike
Mar 12 2009
TrackBack Address.

Você provavelmente conhece o tinyurl.com. Uma das maiores utilidades é você passar uma url complicada para alguém. Ele faz um redirecionamento para onde você quiser. Por exemplo, se você tentar acessar http://tinyurl.com/dginspiracao você vai acessar minha página de feeds de layouts para usar como inspiração.

Encripte suas urls com este novo serviço

Encripte suas urls com este novo serviço

Até aí nenhuma novidade, o legal é que agora você conta com o serviço do jumbourl.com que é o completo reverso. Ele pega sua url e converte para uma url grandona quase impossível de decorar. Objetivo… hmmmm… o serviço não diz, mas eu vejo como uma forma de passar uma url para alguém que eu não quero que ele veja depois. =D Segurança mesmo.

O serviço ainda conta com uma api bem simples, basta você enviar um get (mandar pelo browser por exemplo) com o comando apiAdd e o parâmetro url. Ou seja, http://jumbourl.com/apiAdd?url=dgmike.com.br Experimente, veja como fica meu blog jumbado.

1 Comment »
Tagged as: api, conteúdo, free, internet, serviço, web, web2.0

Firefox 3.1 irá suportar a TAG video e audio

Posted in Firefox, Navegadores by DGmike
Nov 08 2008
TrackBack Address.

Vi no Ajaxian que o Firefox 3.1 irá suportar a tag video do html 5. Isso é um grande avanço para nós, que criamos páginas. Como qualquer desenvolvedor Web não vejo a hora de começar a escrever códigos novos e simples que deveriam ter sido inventados muito antes.

Nume viagem maluca pra São Paulo, há um tempo com meu amigo Zamana, nos deparamos com esse CrossFox Firefox. Fã é assim mesmo!

Nume viagem maluca pra São Paulo, há um tempo com meu amigo Zamana, nos deparamos com esse CrossFox Firefox. Fã é assim mesmo!

Hoje, para rodar um video nos navegadores você precisa usar uma embed complicada que muitas vezes não conseguimos decorar e precisamos procurar no google como resolver tal problema. E ainda parece que não roda mpeg direito.

<embed
    src="nomedoarquivo.wmv"
    controller="true"
    autoplay="true"
    width="320" height="240"
>

Já com a tag video podemos inserir videos nativamente ao firefox. Navegando um pouco, encontrei que a última versão do WebKit também suporta as tags video e audio, já o Opera suporta apenas a tag video e não a audio. Vale também lembrar que nenhum deles suporta essas funcionalidades por completo. Mas com o que já é suportado, podemos inserir videos facilmente:

<video src="nomedoarquivo.ogg" />

E obviamente, para alterar suas propriedades, o bom e velho CSS vem à calhar.

&amp;amp;amp;amp;lt;video src=&amp;amp;amp;amp;quot;nomedoarquivo.ogg&amp;amp;amp;amp;quot; style=&amp;amp;amp;amp;quot;width:130px;height:130px&amp;amp;amp;amp;quot; /&amp;amp;amp;amp;gt;

Para que o video seja rodado automaticamente basta colocar o atributo autoplay.

&amp;amp;amp;amp;lt;video src=&amp;amp;amp;amp;quot;video.ogg&amp;amp;amp;amp;quot; autoplay=&amp;amp;amp;amp;quot;autoplay&amp;amp;amp;amp;quot; /&amp;amp;amp;amp;gt;

Ainda podemos manipular os videos por meio de javascript, assim.

&amp;amp;amp;amp;lt;script language=&amp;amp;amp;amp;quot;JavaScript&amp;amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;!--
document.getElementsByTagName('video')[0].play()
--&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/script&amp;amp;amp;amp;gt;

Ou com a jQuery…

&amp;amp;amp;amp;lt;script language=&amp;amp;amp;amp;quot;JavaScript&amp;amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;!--
$('video')[0].play()
--&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/script&amp;amp;amp;amp;gt;

E se não bastasse, a tag video também pode receber uma lista de videos com o auxilio da tag source.

&amp;amp;amp;amp;lt;video&amp;amp;amp;amp;gt;
  &amp;amp;amp;amp;lt;source src=&amp;amp;amp;amp;quot;foo.ogg&amp;amp;amp;amp;quot; type=&amp;amp;amp;amp;quot;video/ogg&amp;amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/source&amp;amp;amp;amp;gt;
  &amp;amp;amp;amp;lt;source src=&amp;amp;amp;amp;quot;foo.mov&amp;amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/source&amp;amp;amp;amp;gt;
&amp;amp;amp;amp;lt;/video&amp;amp;amp;amp;gt;

O fato é que vai ficar muito mais simples implementar videos e audios para nossos clientes (ha-ham…) nosos usuários. Pena que o Internet Explorer não roda direito. É simples fazer uma implementação que faça substituir a tag video por uma tag embed, alguém aí se disponibiliza a fazer? Mas como eu gosto de incentivar o usuário a “atualizar-se a um browser de verdade” prefiro fazer o seguinte.

&amp;amp;amp;amp;lt;video src=&amp;amp;amp;amp;quot;video.ogg&amp;amp;amp;amp;quot;&amp;amp;amp;amp;gt;
Seu navegador não suporta a tag video, por favor mude para o Firefox... :D
&amp;amp;amp;amp;lt;/video&amp;amp;amp;amp;gt;

Claro que com uma mensagem mais amigável, mas não pretendo escrever o script que fará a gambiarra para o Internet Explorer simplesmente porque penso (lembrando que é minha humilde opinião) que se não dizermos ao usuário Seu internet explorer é um lixo, troque agora! [link para um browser melhor] ele nunca se mecherá para trocar (afinal, pra que trocar se roda tudo que preciso nele?!), mesmo que esse mecher leve-o a chamar alguém que saiba como fazer a troca.

Você ainda pode ver o video demo do pessoal da Mozilla Labs demonstrando que funciona mesmo!

[Nota]

Vale a pena lembrar que a tag source não é suportada por completo ainda e que a tag video e audio apenas suporta o formato ogg. Mas espero que suporte um dia o formato flv para videos e o famoso mp3. Mas, assim que sair a nova versão do Firefox implementarei com certeza essa tag. :D

Este pos foi escrito ao som de:

  • You Should Be Dancing – Bee Gees
  • Born To Be Wild – SteppenWolf
  • Smoke On The Water – Deep Purple
  • Money For Nothing – Dire Straits
  • Sheet Child O’ Mine – Guns N’ Roses




2 Comments »
Tagged as: audio, desenvolvimento, Firefox, flv, internet, Internet Explorer, mp3, navegador, opensource, opera, padrões web, tableless, video, web

Chrome, por que não?!

Posted in Chrome, Firefox, Internet Explorer, Navegadores by DGmike
Sep 30 2008
TrackBack Address.

Não! Não vou contar nenhuma novidade sobre o google ter lançado um novo browser no mercado. Ou fazer uma resenha do tipo “Minhas impressões sobre o Google Chrome“. Tem muita gente fazendo isso na grande web. Quero colocar minha visão atual sobre o software que pegou quase três por cento do mercado em no seu primeiro dia de vida.

O Google Chrome é um bom navegador e me ensinou algumas verdades

O Google Chrome é um bom navegador e me ensinou algumas verdades

Tem gente dizendo por aí que o chrome não quer dizer nada para os desenvolvedores porque eles vão ter que, na verdade desenvolver para mais um browser ao invés de acabar com o problema de verdade.

Para mim, que trabalho com padrões tenho uma visão mais radical disso. Hoje sou 98% programador back end (programação PHP, MySQL, Python e outras coisas que só maluco entende), mas quando pego um projeto para fazer o front end procuro esquecer que o IE6 existe e desenvolvo para browsers. Acho que só vamos conseguir fazer o usuário ou empresas atualizarem seus browser quando ficar impossivel navegar no IE6. Sempre pensei que a necessidade faz milagres e acredito que no mundo da web isso não seja tão diferente, veja como as ferramentas evoluiram de uns três anos para cá. Mas isso é outro assunto.

Quero me focar no fato de “O BROWSER” ser uma solução inteligente para quase todos os problemas. Como qualquer desenvolvedor eu ainda uso o Firefox devido às suas extensões – pelas quais virei escravo, mas sempre que posso abro chrome para navegar.

Ele é rápido demais, minha forma de navegar na web mudou consideravelmente depois dele. Não sei como eles fizeram, mas o bixinho voa na web. E os aplicativos google então? Nooooosa! Agora sim eu posso utilizar os recursos do docs, gmail, reader, etc da forma como deveria usar há um bom tempo. O que me assusta é o fato de não poder inserir plugins, mas ele já vem com um bom gerenciador de downloads e uma “firebug” muito mais bacana (limitada em recursos, mas mais agradável) que a original.

É nesse momento que eu penso de novo na forma como virei escravo dos Add-ons do firefox, se eu parar para contar, uso mais de 40 plugins que eu considero essenciais. Isso, além de deixar meu firefox lento me faz pensar duas vezes quando penso em abrir um site mais pesado no meio de um download. Então eu me volto para o browser pokebola e percebo que dá para viver sem eles, tendo só o essencial, o que é indispensavel em um browser e ele continuar sendo rápido pra caramba!

O símbolo do Chrome é a mistura de um brinquedo dos anos 80 com uma pokebola

O símbolo do Chrome é a mistura de um brinquedo dos anos 80 com uma pokebola

Bem, eu vou continuar usando os meus dois browsers preferidos como padrão, sendo um para navegar e outro para trabalhar. Ainda não vi diferenças consideráveis na renderização do CSS de um browser com outro. Encontrei uma ou troa diferença que era ajustável com no máximo duas linhas de código devido à falha do próprio desenvolvedor então acho que migrar o leque de trÊs para quatro browsers para desenvolver não vai ser tão complicado assim.

3 Comments »
Tagged as: add-ons, browser, Chrome, Firefox, google, internet, Internet Explorer, navegar, necessidade, novidade, pokebola, tableless

Mudança…

Posted in Dia-a-dia by DGmike
Sep 07 2008
TrackBack Address.

Mudanças sempre são boas. Mesmo que a gente passe por momentos ruins a gente sempre aprende muita coisa com mudanças.

Este ano está sendo um ano muito louco e cheio de mudanças para mim. No final do ano passado o @elcio me convidou para fazer parte da familia visie. De lá para cá muita coisa mudou. Aprendi a linguagem python, mudei do Rio de Janeiro (Campos para ser mais exato) para São Paulo (capital), fiquei um tempo de favor na casa do meu amigo @rzamana. Comecei a desenvolver o IcePHP que, um dia se Deus quiser, vou concluir. Fui a ótimos eventos de web, infelizmente alguns não tinham internet liberada. Adiquiri um belo laptop cce que estou levando para todos os lados. Assisti meu primeiro filme em 3D, o que foi o máximo.

Nestes últimos meses tenho passado por momentos de muito sobe e desce. Primeiro, escrevi um artigo para uma revista e agora há pouco comecei a escrever para um site que eu sempre fui fã, um site onde eu praticamente aprendi a escrever de verdade. Com ajuda do Elcio fiz um projeto muito legal em python, onde o pessoal está aprendendo um bocado sobre python, ajax, tableless, javascript.

Também conheci um carinha muito legal que me ensinou algumas coisas sobre a vida. Hoje sei muito bem que as coisas não são caras, elas tem o valor que devem ter, basta não exagerar na dose. No bar, uma cerveja não é para beber até cair no chão sem noção do que pode acontecer, mas simplesmente degustar o belo sabor que a bebida tem.

Não foram apenas mudanças em minha vida, mas na vida das pessoas que estão ao meu redor também mudou muita coisa. Alice, por exemplo passou um tempo desempregada, fazendo um monte de entrevistas, entrou em uma empresa onde ela aprimorou, e muito, sua escrita e semântica. Esta semana ela está em uma empresa nova, não na área que ela gosta, mas com boas chances de crescimento em outras áreas. E o mais legal é que ela conseguiu todos esses meritos sem ajuda de ninguém, muitas vezes nem minha, devido a minha falta de tempo.

O rafael também mudou duas vezes de emprego, trabalhou em uma empresa grande e hoje está melhor colocado em outra empresa. Não tão grande quanto a outra, mas o importante é que está feliz fazendo o que melhor sabe fazer. Ah sim, ele também escreveu um ou outro artigo.

A visie também mudou, não só fisicamente mas estruturalmente, o campus mudou, o site mudou, a equipe mudou e até contratamos um carinha lá do Rio, que está de mudança para cá.

Fiquei muito tempo sem postar no meu blog por conta de tantas mudanças, mas estou voltando com muitas novidades, muita coisa nova que aprendi durante esse tempo off. Primeiro, o meu blog mudou. Não só de layout como era costume, mas de endereço também. Estou com um servidorzinho onde o ponto vermelho está alocado e também estou entrando no ramo de aluguel, ainda não tenho valores mas em breve teremos mais detalhes. Me segurem, esta nova fase não vai ser mole!!!

3 Comments »
Tagged as: ajax, aprender, artigo, bar, curso de tableless, emprego, empresa, eventos, icephp, internet, javascript, laptop, mudança, php, python, são paulo, tableless, tempo, visie

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