DGmike

DGmike

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

Você está aqui: dgmike » Design » Imagem

  • 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] Charts acessiveis e bonitos

Posted in Cotidiano, Dia-a-dia, Imagem, Programação, flash, javascript, php by DGmike
Sep 15 2009
TrackBack Address.

Vocês já devem ter ouvido falar no google charts. Com ele, é possivel criar ótimos gráficos para suas aplicações. Como por exemplo este aqui:

Bastando para isso, colocar uma imagem eu seu site com uma URL específica que você pode configurar facilmente.

Tá, você tem os dados e os converteu em um gráfico do google. E se você quiser um gráfico mais atraente? Talvez como este:


Talvez você não tenha ouvido falar ainda, mas o Open-Flash-Chart é o mesmo que o WordPress usa em sua tela de administração. O código não é tão complicado de entender e você ainda pode passar os parâmetros por URL. Ele também vem com um aplicador em PHP e em JavaScript para que você não se mate fazendo o código Flash que é uma meleca, sempre.

Aprofundando um pouco mais, ainda é possivel substituir o chart do google (para quem não tem javascript na máquina) para o Open-Flash-Chart facil, facil. Basta apenas um getElementById da vida, um replace e pronto você tem o seu chart turbinado. Este é um POST rápido, apenas uma explosão de idéias, então não vou codificar nada. Vou deixar vocês pensando na solução e quando eu precisar, irei desenvolver a solução e postar aqui mesmo :D

1 Comment »
Tagged as: chart, Design, ferramenta, google, gráficos, web

Legendary Aircraft (tradução solicitada)

Posted in CSS, Imagem, Inspiração, tableless, xHTML by DGmike
Mar 08 2008
TrackBack Address.

Legendary Aircraft

Um tempo atrás eu publiquei uma resenha sobre este site, e recebi um feedback do criador para traduzí-la para inglês. Como meu inglês não é lá estas coisas, pedi para Alice me ajudar a traduzir (ela traduziu tudo, eu só fiquei do lado mordendo e pentelhando ela que por acaso é minha esposa).

Descupem algum erro, são quase dez da noite e eu estou dormindo no computador!!!

—

Some time ago i published an abstract about this webpage and the creator mail me requesting for a english version . I’m not very good in english, so i asked Alice to help me translating it. (She made everything, i just stayed in her side biting and boring her while she was working. Oh, i almost forgot to say that she is my wife!)

Sorry some mistake becouse it is ten o’clock at night and i’m sleeping on the computer!!!!

2 Comments »
Tagged as: abstract, Alice, creator, criador, english, esposa, feedback, inglês, resenha, site, traduzir, translate, version, webpage, wife

Esconda imagens atrás de textos com o CSS3

Posted in CSS, Diversão, Firefox, Imagem by DGmike
Feb 08 2008
TrackBack Address.

Erick Kastner criou um pequeno exemplo do uso da pseudo classe ::selection, encontrada no CSS3. Ao selecionar o texto você vê a imagem por trás do texto, muito interessante. Você precisa do Firefox ou Safari para ver a mágica.

Vi no simplebits via RSS.

Powered by ScribeFire.

No Comments yet »

Inkscape

Posted in Ilustração, Imagem, Tecnologia, Vetorial by DGmike
Jul 05 2007
TrackBack Address.

Até agora eu achava que o linunx só tinha o gimp (digamos a verdade, eu ainda não me acostumei com essa droga) e sentia muita falta de um bom programa vetorial como o illustrator para fazer meus layouts, mas ache uma ferramenta que me parece ótima para isso.
O texto abaixo foi retirado do site oficial em espanhol, mas ele demonstra como foi realmente desenvolvido para a web.

clipped from inkscape.org
Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades similares a Illustrator, Freehand, CorelDraw o Xara X, usando el estándar de la W3C: el formato de archivo Scalable Vector Graphics (SVG). Las características soportadas incluyen: formas, trazos, texto, marcadores, clones, mezclas de canales alfa, transformaciones, gradientes, patrones y agrupamientos. Inkscape también soporta meta-datos Creative Commons, edición de nodos, capas, operaciones complejas con trazos, vectorización de archivos gráficos, texto en trazos, alineación de textos, edición de XML directo y mucho más. Puede importar formatos como Postscript, EPS, JPEG, PNG, y TIFF y exporta PNG asi como muchos formatos basados en vectores.
El objetivo principal de Inkscape es crear una herramienta de dibujo potente y cómoda, totalmente compatible con los estándares XML, SVG y CSS.

Descargar ahora!

  blog it

No Comments yet »

g-ga-ga… eu… ganhei?!

Posted in CSS, Cotidiano, Diversão, Ilustração, Imagem, Semântica, Tecnologia, Trabalho, Tutorial, Vetorial, javascript, php, tableless, xHTML by DGmike
Mar 30 2007
TrackBack Address.

Foram essas minhas palavras ao receber a notícia de Elcio Ferreia (através de seu blog). O pessoal da visie inventou uma promoção em massa: O Henrique Pereira lançou um concurso de cantadas, o Diego Eis lançou um concurso meia-boca (que vergonha…) e o Elcio lançou um desafio.

O desafio consistia em escrever um código com no máximo 4kb que impressionasse o pessoal. Eu li a notícia na quarta à noite quando ia desligar meu computador e o prazo final era na sexta. Como trabalho o dia inteiro, pensei comigo, vamos ver no que dá, tenho pouquissimo tempo…

Resolvi fazer um joguinho baseado no mario, mas o projeto acabou mudando… e fiz este joguinho ue só funciona no firefox. No final do expediente me veio a informação!

EU GANHEI! EU GANHEI! EU GANHEI!!! QUERO CONTAR PRA TODO MUNDO!!! E vocês meus pouquissimos leitores não podiam ficar de fora!

No Comments yet »
Next page »

Categorias

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

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 opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Trabalho Tutorial twitter visie web wordpress

Arquivo

SlideSare

Últimos Posts

  • Vá com calma
  • Vírgula em html5 e css3
  • Youtube e HTML5, agora ficou mais fácil
  • Novo emprego!
  • Até mais e obrigado pela salada

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 opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Trabalho 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