Webgrafismohttp://www.webgrafismo.comOs Melhores Recursos Open Source para Web DevelopersenSun, 15 Nov 2009 08:19:28 PSThourly1http://creativecommons.org/licenses/by/3.0/http://creativecommons.org/licenses/by/3.0/http://creativecommons.org/images/public/somerights20.gifSome Rights ReservedWebgrafismohttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with GoogleSubscribe with Live.comTutorial: Agregar RSS Feeds com PHP e SimplePiehttp://feedproxy.google.com/~r/Webgrafismo/~3/VHRHSs0rLPs/PHPPlataformaRSSSimpliePiePedro MagalhãesSun, 15 Nov 2009 00:15:35 PSThttp://www.webgrafismo.com/?p=4348Trabalhos Freelance

Por vezes a parte mais simples do RSS fica esquecida. Se quisermos agregar informação de vários RSS Feeds e exibir no nosso site, esta pode não ser a tarefa mais simples do mundo, no entanto com a classe PHP da SimplePie podemos obter esse resultado muito facilmente. Neste tutorial vamos construir uma pequena página que agrega conteúdo de um vector de RSS Feeds, e exibir a informação com linguagem de marcação.


]]>Por vezes a parte mais simples do RSS fica esquecida. Se quisermos agregar informação de vários RSS Feeds e exibir no nosso site, esta pode não ser a tarefa mais simples do mundo, no entanto com a classe PHP da SimplePie podemos obter esse resultado muito facilmente. Neste tutorial vamos construir uma pequena página que [...]http://www.webgrafismo.com/2009/11/15/agregar-multiplos-rss-feeds-com-php-e-simplepie/feed/1http://www.webgrafismo.com/2009/11/15/agregar-multiplos-rss-feeds-com-php-e-simplepie/10 Templates de Websites em Photoshophttp://feedproxy.google.com/~r/Webgrafismo/~3/I5WPO8ogTxg/TemplatesPhotoshopPedro MagalhãesThu, 12 Nov 2009 09:35:57 PSThttp://www.webgrafismo.com/?p=4346Trabalhos Freelance

Existem pessoas por toda a internet que estão dispostos a oferecer o seu trabalho com fins de promoção ou simplesmente porque querem espalhar o seu talento com outras pessoas. Por esta razão temos muita sorte em ter uma variedade de templates em Photoshop (PSD) de websites para usar como bem entendermos de enorme qualidade. Divirta-se!

Recursos Relacionados:


]]>Existem pessoas por toda a internet que estão dispostos a oferecer o seu trabalho com fins de promoção ou simplesmente porque querem espalhar o seu talento com outras pessoas. Por esta razão temos muita sorte em ter uma variedade de templates em Photoshop (PSD) de websites para usar como bem entendermos de enorme qualidade. Divirta-se! Recursos [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/25/13-templates-gratuitos-para-design-em-psd/" rel="bookmark" title="13 Templates Gratuitos para Design em PSD"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/06/templates-photoshop-psd-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/22/templates-html-css-para-inspiracao-css-zen-garden/" rel="bookmark" title="Templates HTML &amp; CSS para Inspiração"> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/06/6-templates-html-css-layout-psd/" rel="bookmark" title="6 Templates HTML &amp; CSS com Layout .PSD"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/06/templates-html-css-gratuitos-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/12/05/templates-gratuitos-de-browsers-em-photoshop/" rel="bookmark" title="9 Templates Gratuitos de Browsers em Photoshop"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/12/browser-templates.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/11/12/10-templates-de-websites-em-photoshop/feed/1http://www.webgrafismo.com/2009/11/12/10-templates-de-websites-em-photoshop/Loja Online dentro de Páginas com AJAXhttp://feedproxy.google.com/~r/Webgrafismo/~3/6QXjOnK14CQ/Comércio ElectrónicoPlataformaAJAXGoogle CheckoutPayPalPedro MagalhãesTue, 27 Oct 2009 06:22:46 PDThttp://www.webgrafismo.com/?p=4327Trabalhos Freelance

Ecwid é uma plataforma de comércio electrónico em Ajax, a qual oferece a performance que necessita, sem qualquer incómodo. Está bem desenhada e proporciona uma experiência suave para os utilizadores e proprietários de lojas. Ecwid dispõe de uma interface rápida, com funcionalidades drag’n'drop e, é muito fácil de integrar.

Recursos Relacionados:


]]>Ecwid é uma plataforma de comércio electrónico em Ajax, a qual oferece a performance que necessita, sem qualquer incómodo. Está bem desenhada e proporciona uma experiência suave para os utilizadores e proprietários de lojas. Ecwid dispõe de uma interface rápida, com funcionalidades drag&#8217;n'drop e, é muito fácil de integrar. Recursos Relacionados: [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/10/26/tutorial-de-site-em-jquery-com-refrescamento-ajax/" rel="bookmark" title="Tutorial de site em jQuery com refrescamento AJAX"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/10/ajax-jquery-loading1.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/09/09/avatares-caricaturas-cartoons-online-gratuitos/" rel="bookmark" title="Avatares, Caricaturas e Cartoons Online Gratuitos"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/09/avatares-caricaturas-cartoons-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/12/06/obter-tabelas-dinamicas-mysql-com-php-e-ajax/" rel="bookmark" title="Obter Tabelas Dinâmicas MySQL com PHP e AJAX"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/12/tabelas-dinamicas-php-sql.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/11/30/zoom-de-imagens-em-profundidade-com-seadragon-ajax/" rel="bookmark" title="Seadragon Ajax * Zoom de Imagens em Profundidade"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/seadragon-ajax1.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/10/27/loja-online-ajax-paypal-google-checkout/feed/0http://www.webgrafismo.com/2009/10/27/loja-online-ajax-paypal-google-checkout/Realidade Aumentada Open Source: EZFlarhttp://feedproxy.google.com/~r/Webgrafismo/~3/VqD37HToubs/DicasRealidade AumentadaFlashWebcamPedro MagalhãesMon, 26 Oct 2009 16:01:32 PDThttp://www.webgrafismo.com/?p=4333Trabalhos Freelance

Realidade Aumentada (RA) é um termo para exibição ao vivo, directo ou indirecto de um ambiente do mundo físico real cujos elementos são mesclados com imagens virtuais geradas por computador, criando uma realidade mista.

Recursos Relacionados:


]]>Realidade Aumentada (RA) é um termo para exibição ao vivo, directo ou indirecto de um ambiente do mundo físico real cujos elementos são mesclados com imagens virtuais geradas por computador, criando uma realidade mista. Recursos Relacionados: [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/14/pulptunes-servidor-web-open-source-para-itunes/" rel="bookmark" title="pulpTunes: Servidor Web Open Source para iTunes"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/06/pulptunes-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/04/20/cms-de-fotografias-open-source-piwigo/" rel="bookmark" title="CMS de Fotografias Open Source * Piwigo"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/04/PiWigo-0.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/01/09/cms-open-source-para-partilha-de-videos-clone-do-youtube/" rel="bookmark" title="CMS Open Source para partilha de Vídeos"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/01/phpmotion-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/12/30/blender-3d-open-source/" rel="bookmark" title="Blender 3D &#8211; Open Source"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/12/blender-1.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/10/27/realidade-aumentada-open-source-ezflar/feed/2http://www.webgrafismo.com/2009/10/27/realidade-aumentada-open-source-ezflar/Tutorial de site em jQuery com refrescamento AJAXhttp://feedproxy.google.com/~r/Webgrafismo/~3/HNgNtkEnUHU/AJAXjQueryPedro MagalhãesSun, 25 Oct 2009 22:04:24 PDThttp://www.webgrafismo.com/?p=4288Trabalhos Freelance

James Padolsey é um freelancer web developer de Hampton, UK. Ele escreve sobre front-end web development. O seu tópico preferido: Javascript. Este tutorial ensina-lhe a criar um layout assíncrono, levando o utilizador a interagir com a informação contida em várias páginas, sem haver refrescamento pelo browser.

Recursos Relacionados:


]]>James Padolsey é um freelancer web developer de Hampton, UK. Ele escreve sobre front-end web development. O seu tópico preferido: Javascript. Este tutorial ensina-lhe a criar um layout assíncrono, levando o utilizador a interagir com a informação contida em várias páginas, sem haver refrescamento pelo browser. Recursos Relacionados: [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/09/12/15-videos-tutoriais-aprender-jquery/" rel="bookmark" title="15 Vídeos Tutoriais para Aprender jQuery"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/09/jquery-tutoriais-videos-aulas-2.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/09/11/efeito-jquery-para-reflexos-e-sombras/" rel="bookmark" title="Efeito jQuery para Reflexos e Sombras"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/09/efeitos-jquery-hover-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/11/21/como-criar-a-interface-igoogle-com-jquery/" rel="bookmark" title="Como criar a interface do iGoogle com jQuery"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/como-criar-a-interface-tipo-igoogle-com-jquery0.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/10/23/questionario-dinamico-com-php-e-jquery/" rel="bookmark" title="Questionário Dinâmico com PHP e jQuery"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/questionario-mini.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/10/26/tutorial-de-site-em-jquery-com-refrescamento-ajax/feed/4http://www.webgrafismo.com/2009/10/26/tutorial-de-site-em-jquery-com-refrescamento-ajax/API em jQuery Combina Múltiplas Contas do Twitterhttp://feedproxy.google.com/~r/Webgrafismo/~3/woquVEqGCGA/Redes SociaisTwitterAPIjQueryPedro MagalhãesFri, 16 Oct 2009 09:07:40 PDThttp://www.webgrafismo.com/?p=4276Trabalhos Freelance

Tutorialzine acabou de criar um tutorial que ensina a criar uma API em CSS e jQuery para o Twitter que permite mostrar os seus últimos tweets, ou dos seus amigos. Não é necessário qualquer código do lado do servidor, ou base de dados. Como resultado, o “ticker” irá facilmente ser incluído em qualquer página web, e adaptado mediante as necessidades.

Recursos Relacionados:


]]>Tutorialzine acabou de criar um tutorial que ensina a criar uma API em CSS e jQuery para o Twitter que permite mostrar os seus últimos tweets, ou dos seus amigos. Não é necessário qualquer código do lado do servidor, ou base de dados. Como resultado, o &#8220;ticker&#8221; irá facilmente ser incluído em qualquer página web, [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/09/08/tweets-twitter-carregamento-ajax/" rel="bookmark" title="Twitter API em jQuery para colocar os Tweets no Website"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/09/twitter-api-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/11/21/como-criar-a-interface-igoogle-com-jquery/" rel="bookmark" title="Como criar a interface do iGoogle com jQuery"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/como-criar-a-interface-tipo-igoogle-com-jquery0.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/10/24/treeview-plugin-jquery-para-listas-em-arvore/" rel="bookmark" title="Treeview * plugin jQuery para Listas em Árvore"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/treeview-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2008/10/23/questionario-dinamico-com-php-e-jquery/" rel="bookmark" title="Questionário Dinâmico com PHP e jQuery"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2008/11/questionario-mini.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/10/16/api-em-jquery-combina-multiplas-contas-do-twitter/feed/2http://www.webgrafismo.com/2009/10/16/api-em-jquery-combina-multiplas-contas-do-twitter/10 Packs de Ícones Gratuitos ✈ TurboMilkhttp://feedproxy.google.com/~r/Webgrafismo/~3/bq94EDVFnkg/ÍconesDesignPedro MagalhãesTue, 29 Sep 2009 07:11:03 PDThttp://www.webgrafismo.com/?p=4236Trabalhos Freelance

Muito recentemente foram disponibilizadas colecções de ícones produzidos por TurboMilk, autor reconhecido pelos diversos trabalhos que desenvolveu para a LiveJournal, Smashing Magazine ou Envato. Isto significa vários sets de ícones gratuitos com qualidade de topo. Use e reutilize-os, são provavelmente dos melhores que encontra na web, por isso, nunca se esqueça de mencionar os créditos do autor. Bons trabalhos, e passe a palavra…

Recursos Relacionados:


]]>Muito recentemente foram disponibilizadas colecções de ícones produzidos por TurboMilk, autor reconhecido pelos diversos trabalhos que desenvolveu para a LiveJournal, Smashing Magazine ou Envato. Isto significa vários sets de ícones gratuitos com qualidade de topo. Use e reutilize-os, são provavelmente dos melhores que encontra na web, por isso, nunca se esqueça de [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/22/icones-gratuitos-de-monstros-para-mac-pc-e-web/" rel="bookmark" title="Ícones Gratuitos de Monstros para Mac, PC e Web"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/06/monstros-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/01/icones-gratuitos-design/" rel="bookmark" title="Ícones Gratuitos para Designers e Web Developers"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/05/icones-gratuitos-2.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/04/11/pacote-de-icones-gratuito-para-webmasters-web-injection/" rel="bookmark" title="Pacote de Ícones Gratuito para Webmasters"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/04/icones-web-injection.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/01/02/vectores-gratuitos-de-icones-e-simbolos-desenhados-a-mao/" rel="bookmark" title="Vectores Gratuitos de Ícones e Símbolos"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/01/setas1.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/09/29/10-packs-de-icones-gratuitos-%e2%9c%88-turbomilk/feed/0http://www.webgrafismo.com/2009/09/29/10-packs-de-icones-gratuitos-%e2%9c%88-turbomilk/16 Vídeos em Destaque no Mês de Setembrohttp://feedproxy.google.com/~r/Webgrafismo/~3/CFDfI-DmfYU/InformaçãoInspiraçãoVimeoPedro MagalhãesSun, 27 Sep 2009 08:48:05 PDThttp://www.webgrafismo.com/?p=4217Trabalhos Freelance

O mês de Setembro aproxima-se do seu final. Apresentamos agora alguns vídeos que se destacaram no website Vimeo e merecem a sua especial atenção. Delicie-se com o que de melhor se promove actualmente na área de vídeos experimentais: Publicidades, Curtas, Trailers, Stop-Motions, Documentários & muito mais. Não perca!

Recursos Relacionados:


]]>O mês de Setembro aproxima-se do seu final. Apresentamos agora alguns vídeos que se destacaram no website Vimeo e merecem a sua especial atenção. Delicie-se com o que de melhor se promove actualmente na área de vídeos experimentais: Publicidades, Curtas, Trailers, Stop-Motions, Documentários &#38; muito mais. Não perca! Recursos Relacionados: [...] <!-- ### Estilizar ### --> <h2 style="margin:15px auto 5px auto">Recursos Relacionados:</h2> <table style="margin:10px 0px !important; padding:0px !important; overflow:hidden !important;"> <tr style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/08/29/23-videos-em-destaque-no-mes-de-agosto/" rel="bookmark" title="24 Vídeos em Destaque no Mês de Agosto"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/08/videos-hd.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/08/17/16-videos-em-destaque-no-mes-de-julho/" rel="bookmark" title="16 Vídeos em Destaque no Mês de Julho"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/08/videos-vimeo-agosto-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/06/24/34-videos-em-destaque-no-mes-de-junho/" rel="bookmark" title="34 Vídeos em Destaque no Mês de Junho"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://www.webgrafismo.com/wp-content/uploads/2009/06/videos-melhores-mini.jpg" title="" alt="" /> </a> </td> <td style="margin:0px !important; padding:0px !important; overflow:hidden !important;"> <a style="margin:0px; padding:0px; overflow:hidden;" class="bookmarks give_text_tooltip" href="http://www.webgrafismo.com/2009/03/01/8-videos-para-inspiracao-em-vimeo/" rel="bookmark" title="8 Vídeos para Inspiração em Vimeo"> <img style="margin:0px 2px 0px 0px;padding:2px; border:1px solid #ccc; background:#eee; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius: 5px;" src="http://webgrafismo.com/wp-content/uploads/2009/03/videos.jpg" title="" alt="" /> </a> </td> </tr> </table> <!-- ### Estilizar ### -->http://www.webgrafismo.com/2009/09/27/16-videos-em-destaque-no-mes-de-setembro/feed/0http://www.webgrafismo.com/2009/09/27/16-videos-em-destaque-no-mes-de-setembro/