Strict Standards: Declaration of applicationController::index() should be compatible with Controller::index($templete = false, View &$view = NULL) in /home/alexsand/public_html/applications/blog/controllers/applicationController.php on line 6

Warning: session_start(): Cannot send session cookie - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 871

Warning: session_start(): Cannot send session cache limiter - headers already sent (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 871

Warning: Cannot modify header information - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 1105

Warning: Cannot modify header information - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 1106

Warning: Cannot modify header information - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 1107

Warning: Cannot modify header information - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 1108

Warning: Cannot modify header information - headers already sent by (output started at /home/alexsand/public_html/applications/blog/controllers/applicationController.php:6) in /home/alexsand/public_html/componentes/mvc/class.controller.php on line 461
Pinceladas da Web - XHTML, CSS, JavaScript e WebStandardshttp://www.pinceladasdaweb.com.br/blogBlog pessoal do Desenvolvedor Web Pedro Rogério com foco em XHTML, CSS, Acessibilidade, Usabilidade, Arquitetura de Informação, SEO e WebStandards.pt-BRMon, 14 Oct 2013 05:00:39 PDThttp://wordpress.org/?v=4.0hourly1http://creativecommons.org/licenses/by/2.0/http://www.pinceladasdaweb.com.br/blog/http://feeds.feedburner.com/~fc/PinceladasDaWeb?bg=F9FCFE&fg=000000&anim=1&label=leitoresPinceladas da WebPinceladasDaWebhttps://feedburner.google.comSubscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesPensamentos e reflexões de um desenvolvedor web.imgur Upload APIhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/yxX9Rmt6oPg/JavaScriptAPIPedro RogérioMon, 14 Oct 2013 05:00:39 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5938imgur Upload API

Para quem não conhece o imgur é um serviço para compartilhamento de imagens, onde você pode subir imagens a partir do seu computador ou de uma URL remota e obter uma URL para compartilhamento da mesma.

Para motivos de aprendizado, criei um script JS que faz uso de sua API, onde através de um campo input file o usuário pode subir qualquer imagem do seu computador para o serviço. O Script é bem simples e faz a utilização de Ajax e FormData. Poderia ter feito com jQuery, mas achei desnecessário e então fiz com JavaScript puro. Aliás, já falei em um outro post o quanto é importante deixar um pouco o jQuery de lado e utilizar mais JavaScript puro no dia-a-dia.

O código em questão está no meu Github, e veja um exemplo de upload de imagens para o imgur com JavaScript nesse link.

]]>
Para quem não conhece o imgur é um serviço para compartilhamento de imagens, onde você pode subir imagens a partir do seu computador ou de uma URL remota e obter ...http://www.pinceladasdaweb.com.br/blog/2013/10/14/imgur-upload-api/feed/0http://www.pinceladasdaweb.com.br/blog/2013/10/14/imgur-upload-api/
Feecbr 2013 – Edição Salvadorhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/2DJRKuWqadc/WebStandardsFeecbrFront-endJavaScriptPedro RogérioMon, 07 Oct 2013 05:00:36 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5932Feecbr 2013 - Edição Salvador

Está chegando a hora de mais uma edição de um dos maiores eventos front-end do nordeste, o Feecbr, quem participou da última edição, no Recife, em 2012, sabe muito bem do que eu estou falando.

Com palestrantes de alto nível, nacionais e internacionais, dessa vez vamos desembarcar em Salvador, Bahia, no dia 19 de Outubro de 2013. As inscrições para o evento já foram abertas, e mais uma vez estarei palestrando no evento.

Se você é front-end, com certeza não deve ficar fora dessa. Nos vemos lá.

]]>
Está chegando a hora de mais uma edição de um dos maiores eventos front-end do nordeste, o Feecbr, quem participou da última edição, no Recife, em 2012, sabe muito bem ...http://www.pinceladasdaweb.com.br/blog/2013/10/07/feecbr-2013-edicao-salvador/feed/0http://www.pinceladasdaweb.com.br/blog/2013/10/07/feecbr-2013-edicao-salvador/
Upgrade your brainhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/kUbdcCv8Tnw/WebStandardsJavaScriptNode.jsPHPRubyPedro RogérioMon, 30 Sep 2013 05:00:34 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5850Upgrade your brain

Listas de discussão, fóruns, blogs, redes sociais são um ótimo aperitivo para se manter atualizado. Por incrível que pareça, newsletters também são, pode parecer meio retrô isso, mas a cada dia surgem mais e mais newsletters que acabam nos surpreendendo com seu conteúdo de ótima qualidade.

Como é que vocês acham que consigo me manter atualizado? Infelizmente não tenho tempo o suficiente para ficar procurando conteúdo o tempo todo para ficar postando no meu Twitter/Blog, e com base nisso resolvi criar um repositório no meu Github para listar as newsletters que acompanho e ajudar, de forma indireta, a disseminar conhecimento para a comunidade desenvolvedora.

Caso conheça alguma newsletter interessante que não esteja listada nesse repositório, fique a vontade, abra uma issue ou submeta um pull request que os mesmos são sempre bem vindos.

]]>
Listas de discussão, fóruns, blogs, redes sociais são um ótimo aperitivo para se manter atualizado. Por incrível que pareça, newsletters também são, pode parecer meio retrô isso, mas a cada ...http://www.pinceladasdaweb.com.br/blog/2013/09/30/upgrade-your-brain/feed/2http://www.pinceladasdaweb.com.br/blog/2013/09/30/upgrade-your-brain/
Confesso: Minha vida virou o caos sem jQueryhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/UShP9zoPOfs/JavaScriptjQueryPedro RogérioMon, 23 Sep 2013 05:00:59 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5911JavaScript Man

Todo mundo sabe que é legal utilizar jQuery, ele agiliza e ajuda muito no desenvolvimento web, mas será que ele é necessário pra tudo mesmo?

Após eu ter entrado na Locaweb, me policiei a tentar desenvolver mais as coisas sem a utilização de Frameworks, e confesso, minha vida virou o caos em jQuery. Se antes você tinha tudo ali pronto centralizado em um Framework e depois quer fazer as coisas do zero com JavaScript, é complicado.

A popularidade do jQuery deu-se devido a você escrever menos código e ainda sim esse ser compatível com browsers antigos. Que legal, por que então eu largaria dele? Horas, cada vez mais eu vejo gente querendo fazer coisas simples com jQuery, que seria resolvido de uma forma simples com JavaScript puro. Já vi até plugin de show/hide com jQuery. No momento que escrevo esse post recebi uma mensagem no Facebook de um camarada querendo um plugin jQuery para fazer um menu drop-down.

Meu amigo, será que você precisa de tudo isso mesmo? Carregar mais de 80 KB de JavaScript para simplesmente isso. Se ele tivesse procurado no Google teria achado esse tutorial do Maujor.

Aí vem a pessoa e fala, mas eu não tenho tempo pra desenvolver com JavaScript puro, eu te digo, quando você quer sobra tempo pra fazer tudo aquilo que você deseja. Eu mesmo quando tenho um tempo sobrando procuro brincar com VanillaJS, a prova disso está no meu Github.

Já desenvolvi soluções para mostrar updates do Twitter com JavaScript puro, Accordion, um script para fazer Lazy loading de botões de redes sociais e outros experimentos com a API do Flickr.

Acho que se pegarmos os arquivos JavaScript de todos esses repositórios e somarmos não chega ao tamanho do jQuery. O conselho que eu dou, procure ficar menos dependente de jQuery, procure fazer as coisas simples com JavaScript puro ou sem a utilização de Frameworks. Sim, eles agilizam no desenvolvimento mas nem sempre são a solução pra tudo.

]]>
Todo mundo sabe que é legal utilizar jQuery, ele agiliza e ajuda muito no desenvolvimento web, mas será que ele é necessário pra tudo mesmo? Após eu ter entrado na ...http://www.pinceladasdaweb.com.br/blog/2013/09/23/confesso-minha-vida-virou-o-caos-sem-jquery/feed/7http://www.pinceladasdaweb.com.br/blog/2013/09/23/confesso-minha-vida-virou-o-caos-sem-jquery/
WordPress JSON APIhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/cIsmEODRmu8/WordPressJSONPedro RogérioWed, 18 Sep 2013 06:54:07 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5896JSON API

Poucas pessoas sabem disso, mas todo usuário de WordPress que possua um site/blog nessa ferramenta possui uma poderosa API REST. Não, infelizmente isso não é nativo no WordPress, mas existe um ótimo plugin que resolve tudo isso, que inclusive já uso aqui a algum tempo, estamos falando do plugin JSON API.

Sua utilização é bem simples e não exige grandes conhecimentos, basta fazer o download do plugin, subir na pasta plugins do WordPress e ativá-lo que já está tudo funcionando. Abaixo segue alguns exemplos de utilização:

Esses são só alguns exemplos, as possibilidades de utilização são inúmeras, vale a pena dar uma boa olhada na documentação do plugin e começar a utilizá-lo em seus projetos.

]]>
Poucas pessoas sabem disso, mas todo usuário de WordPress que possua um site/blog nessa ferramenta possui uma poderosa API REST. Não, infelizmente isso não é nativo no WordPress, mas existe ...http://www.pinceladasdaweb.com.br/blog/2013/09/18/wordpress-json-api/feed/0http://www.pinceladasdaweb.com.br/blog/2013/09/18/wordpress-json-api/
CSS3 Perspective Carouselhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/pvjOGJ-f81A/CSSCSS3jQueryPedro RogérioMon, 16 Sep 2013 05:00:02 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5887CSS3 Perspective Carousel

Eu e Marco Bruno desenvolvemos inicialmente esse carousel para um produto da Locaweb. Para que o mesmo tivesse essa forma utilizamos CSS3 Transform, Rotate e Transtitions e jQuery para efetuar a troca das classes nos elementos HTML assim que o usuário efetuasse o clique nas setas da direita ou esquerda.

Funciona bem nos browsers que possuem suporte a tal tecnologia, nos IE’s menores que 10 as transições não ocorrem via CSS pois o mesmo não possui suporte a tal feature, ou seja, a troca de classes no HTML ocorre de forma rígida. Também utilizei jQuery 1.10.* para esses browsers já que os mesmos não possuem suporte a jQuery 2.0.

Dê uma olhada no carousel em funcionamente aqui. Coloquei o projeto no Github, faça o download do mesmo e fique a vontade para utilizar onde quiser. Sugestões de melhoria sempre serão bem aceitas.

]]>
Eu e Marco Bruno desenvolvemos inicialmente esse carousel para um produto da Locaweb. Para que o mesmo tivesse essa forma utilizamos CSS3 Transform, Rotate e Transtitions e jQuery para efetuar ...http://www.pinceladasdaweb.com.br/blog/2013/09/16/css3-perspective-carousel/feed/0http://www.pinceladasdaweb.com.br/blog/2013/09/16/css3-perspective-carousel/
Formulário de contato em PHP: Simples e Funcionalhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/VPzUSf7TOrM/PHPHTML5jQueryPedro RogérioMon, 09 Sep 2013 05:00:03 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5860Simple PHP Contact Form

A algum tempo atrás precisei em um trabalho implementar um formulário de contato extremamente simples, onde consistia do usuário simplesmente preencher os campos com seu nome, email assunto e mensagem. Após esse email era enviado para um determinado destinatário.

Resolvi então colocar o código desse formulário em php no meu Github. Reparando no arquivo vocês verão que utilizei o Twitter Bootstrap para montar o exemplo, você não vai precisar dele caso queira implementá-lo em seu site.

Uma outra característica desse formulário é que nos browsers que tem suporte a HTML5 Form Validation, toda a validação dos campos fica por conta do browser, já nos que não tem suporte implementei um fallback em jQuery, e por último existe a validação no PHP.

Nesse link podem ver um exemplo do formulário de contato em PHP. Quaisquer outras dúvidas e sugestões de melhoria estou a disposição.

]]>
A algum tempo atrás precisei em um trabalho implementar um formulário de contato extremamente simples, onde consistia do usuário simplesmente preencher os campos com seu nome, email assunto e mensagem. ...http://www.pinceladasdaweb.com.br/blog/2013/09/09/formulario-de-contato-em-php-simples-e-funcional/feed/2http://www.pinceladasdaweb.com.br/blog/2013/09/09/formulario-de-contato-em-php-simples-e-funcional/
jQuery Slider with CSS Transitionshttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/y6VoDCKuQZU/JavaScriptCSS3jQueryPedro RogérioMon, 02 Sep 2013 03:55:44 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5843jQuery Slider with CSS Transitions

Já havia desenvolvido esse slider a algum tempo atrás, onde ele consiste em efetuar as transições entre os slides com CSS3 Transitions, e nos browsers que não possuem suporte a essa propriedade a animação ocorre através do jQuery animate. Em sua primeira versão eu utilizava Modernizr para checar se o browser possuía suporte a tal funcionalidade, mas era como tentar colocar um motor de Ferrari dentro de um Fusca.

Foi então que acabei criando um código mais simples, onde posso checar rapidamente se o browser possui suporte a tal feature CSS3 e fazer aquilo que desejo. O código para o Slider está no meu Github.

Esse Slider atualmente funciona em qualquer browser decente, e nos IEs 7 e 8 só funciona se for utilizado o jQuery 1.1*.* ou maior (como devem saber o jQuery 2.0 não é suportado nesses browsers). Veja um exemplo em funcionamento. Dicas de melhorias são sempre bem vindas.

]]>
Já havia desenvolvido esse slider a algum tempo atrás, onde ele consiste em efetuar as transições entre os slides com CSS3 Transitions, e nos browsers que não possuem suporte a ...http://www.pinceladasdaweb.com.br/blog/2013/09/02/jquery-slider-with-css-transitions/feed/4http://www.pinceladasdaweb.com.br/blog/2013/09/02/jquery-slider-with-css-transitions/
Vimeo Carousel Galleryhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/nNOP8vAk9GU/JavaScriptjQueryJSONPedro RogérioMon, 05 Aug 2013 05:03:14 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5829Vimeo Carousel Gallery

Ao contrário do Youtube, o Vimeo não permite que você crie playlists customizadas para mostrar seus vídeos. Pensando nisso desenvolvi um script onde você passa uma lista de URL’s dos vídeos que deseja mostrar na galeria e o resto fica a cargo do jQuery.

Todas as explicações de funcionamento da galeria estão descritas no repositório que criei no github. Caso encontre algum problema ou tenha sugestões de melhorias, fique a vontade e entre em contato.

Aproveite e veja um exemplo da galeria em funcionamento.

]]>
Ao contrário do Youtube, o Vimeo não permite que você crie playlists customizadas para mostrar seus vídeos. Pensando nisso desenvolvi um script onde você passa uma lista de URL’s dos ...http://www.pinceladasdaweb.com.br/blog/2013/08/05/vimeo-carousel-gallery/feed/0http://www.pinceladasdaweb.com.br/blog/2013/08/05/vimeo-carousel-gallery/
Sorteio: Aprendendo Programação iOS – Do Xcode à App Storehttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/4ldO88X56dE/OportunidadesiOSXCodePedro RogérioWed, 10 Jul 2013 05:33:57 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5806Aprendendo Programação iOS - Do Xcode à App Store

Devido ao sucesso da última promoção, vamos sortear aqui de novo mais um livro em parceria com a Editora Novatec, dessa vez será o livro Aprendendo Programação iOS.

Veja abaixo uma resenha do livro e logo após como concorrer:

Tenha acesso a uma rápida introdução à programação para iPhone, iPad e iPod touch. Com este guia fácil de acompanhar, você aprenderá a desenvolver seu primeiro aplicativo iOS comercializável, da abertura do Xcode ao envio de seu produto para a App Store. Quer você seja um desenvolvedor iniciante em programação para Mac ou um desenvolvedor experiente no Mac, pronto para trabalhar com o iOS, este é o seu livro.

Você aprenderá na prática a utilizar a Objective-C e seus principais frameworks, escrevendo vários aplicativos iOS de exemplo, dando a você as habilidades básicas para a construção de seus próprios aplicativos de forma independente. Recheado de exemplos de código, este livro foi reformulado e atualizado para o iOS 6 e o Xcode 4.

  • Descubra as vantagens da construção de aplicativos iOS nativos.
  • Dê seus primeiros passos com a Objective-C e os frameworks Cocoa Touch.
  • Aprofunde-se nas classes de visão de tabela para construção de interfaces de usuário.
  • Manipule a entrada de dados, processe documentos XML e JSON e armazene dados no SQLite.
  • Utilize sensores iOS, incluindo o acelerômetro, o magnetômetro, a câmera e o GPS.
  • Construa aplicativos que utilizam os frameworks Core Location e MapKit.
  • Integre o serviço iCloud da Apple em seus aplicativos.
  • Percorra o processo de distribuição de seu aplicativo na App Store.

“O livro Aprendendo programação iOS aborda tudo que um programador iOS aspirante necessita saber para dar seus primeiros passos nessa plataforma. Um livro completo e de leitura muito agradável. Recomendado!” – Fraser Speirs, Diretor da Connected Flow, Ltd. e criador do FlickrExport

Faça aqui o download do sumário e do capítulo de exemplo.

Para concorrer é fácil, basta ir até o Twitter e enviar a seguinte mensagem:

O @pinceladasdaweb e a @novateceditora vão me dar o livro Aprendendo Programação iOS. RT e concorra: http://kingo.to/1hZi

O sorteio será realizado através do Sorteie.me no dia 12 de Julho de 2013 por volta do meio-dia e será divulgado aqui e no twitter.

Você também pode adquirir o livro com 20% de desconto, basta no carrinho de compras digitar o código: PINCELADASDAWEB.

]]>
Devido ao sucesso da última promoção, vamos sortear aqui de novo mais um livro em parceria com a Editora Novatec, dessa vez será o livro Aprendendo Programação iOS. Veja abaixo ...http://www.pinceladasdaweb.com.br/blog/2013/07/10/sorteio-aprendendo-programacao-ios-do-xcode-a-app-store/feed/4http://www.pinceladasdaweb.com.br/blog/2013/07/10/sorteio-aprendendo-programacao-ios-do-xcode-a-app-store/
Sorteio: Criando Sistemas RESTful com PHP e jQueryhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/-eVFEeEqYoY/JavaScriptPHPjQueryRESTPedro RogérioWed, 26 Jun 2013 05:21:48 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5785Criando Sistemas RESTful com PHP e jQuery

Mais uma vez, em parceria com a Editora Novatec, pensando no bem estar dos nossos leitores vamos sortear um exemplar do livro Criando Sistemas RESTful com PHP e jQuery que tem previsão de lançamento para o dia 03/07/2013.

Se você não tem idéia alguma do que é REST, para de ler esse artigo agora e dê uma lida nesse artigo da InfoQ: Uma rápida Introdução ao REST. Pronto, agora que você já aprendeu bastante sobre REST vamos falar sobre o livro e depois sobre a promoção.

O livro Criando Sistemas RESTful com PHP e jQuery traz uma abordagem prática ao desenvolvimento de sistemas utilizando a metodologia RESTful, na qual possui como uma das principais características o isolamento entre a camada de negócio e a camada de visão, de forma que ambas possam trabalhar independentes uma da outra. O conteúdo apresentado é contemplado com exemplos práticos e com o desenvolvimento de um sistema de vendas, utilizando PHP, jQuery e Slim Framework.

Agora vamos a parte boa, o sorteio será através do Sorteie.me e para concorrer basta retweetar a seguinte mensagem abaixo:

O @pinceladasdaweb e a @novateceditora vão me dar o livro Criando Sistemas RESTful com PHP e jQuery. RT e concorra: http://kingo.to/1hML

O sorteio do livro será feito na sexta-feira (dia 28/06/2013), por volta do meio-dia, e irei divulgar o ganhador pelo Twitter e aqui nesse post. Quaisquer dúvidas, o formulário de comentários está a disposição.

Caso queira adquirir o livro com 20% de desconto, basta no carrinho digitar o código PINCELADASDAWEB.

]]>
Mais uma vez, em parceria com a Editora Novatec, pensando no bem estar dos nossos leitores vamos sortear um exemplar do livro Criando Sistemas RESTful com PHP e jQuery que ...http://www.pinceladasdaweb.com.br/blog/2013/06/26/sorteio-criando-sistemas-restful-com-php-e-jquery/feed/4http://www.pinceladasdaweb.com.br/blog/2013/06/26/sorteio-criando-sistemas-restful-com-php-e-jquery/
Lazy Load Social Buttons – Versão Vanilla JShttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/nCWYcYWCsx8/JavaScriptPedro RogérioMon, 24 Jun 2013 05:14:28 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5765Lazy loading Social Buttons

Dia após dia surgem novas técnicas de otimização para aumentar a performance dos nossos sites. Uma procurada rápida no Google e você encontra vários tutoriais sobre otimização e performance.

Eu mesmo já dei aqui umas dicas de como carregar aqueles botões de social media com ajax (Twitter, Facebook, Google+), mas todos eles utilizavam jQuery para isso.

Resolvi então criar uma versão com Vanilla JS, agora são 2KB contra os quase 90KB do jQuery. O Script funciona atualmente para os botões de share do: Twitter, Facebook, Google+ e Linkedin.

Para que os botões funcionem, basta colocar o HTML dos mesmos onde você deseja que eles apareçam e chamar o script antes do fechamento da tag body.

Para um melhor entendimento, veja abaixo o HTML de exemplo para cada botão:

Twitter

<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-url="url-aqui" data-text="Texto de Compartilhamento">Tweet</a>

Facebook

<div class="fb-like" data-href="url-aqui" data-send="false" data-layout="box_count" data-width="140" data-show-faces="false"></div>

Google+

<div class="g-plusone" data-size="tall" data-href="url-aqui"></div>

Linkedin

<script type="IN/Share" data-url="url-aqui" data-counter="top"></script>

No caso do Linkedin a chamada do botão é uma tag script. Veja aqui um exemplo em funcionamento. Esse script também funciona perfeitamente caso queira carregar os mesmos via Ajax.

]]>
Dia após dia surgem novas técnicas de otimização para aumentar a performance dos nossos sites. Uma procurada rápida no Google e você encontra vários tutoriais sobre otimização e performance. Eu ...http://www.pinceladasdaweb.com.br/blog/2013/06/24/lazy-load-social-buttons/feed/0http://www.pinceladasdaweb.com.br/blog/2013/06/24/lazy-load-social-buttons/
YPlaylist – Youtube Playlist with jQueryhttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/0YWeRzXOofo/JavaScriptjQueryPedro RogérioMon, 03 Jun 2013 05:00:19 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5750YPlaylist - Youtube Playlist with jQuery

Já pensou em utilizar uma maneira elegante para mostrar os seus vídeos de uma playlist do Youtube? Acabei criando um exemplo com jQuery para facilitar sua vida quanto a isso.

Esse exemplo consiste em um carousel infinto de vídeos do youtube, que ao clicar nas thumbnails o vídeo em destaque é atualizado. Coloquei todo o código no Github para facilitar.

Caso tenha ficado interessado em utilizar essa galeria, atente-se aos seguintes pontos. O plugin é chamado da seguinte forma:

YPlaylist.init({
    playlist: 'PLI9_ofA6tjoHDiiPndP_P5EMbOOT0-DmD',
    container: $('#container'),
    secure: true,
    shuffle: false
});
  • playlist: Esse é o ID da sua playlist do Youtube.
  • container: Esse é o elemento no HTML onde você quer que sua galeria apareça.
  • secure: Aceita auto, true ou false. Por default é true e isso significa que todas as URL’s vão iniciar com HTTPS.
  • shuffle: Aceita true ou false. Por default é false, se for true randomiza os itens da Playlist.

Veja aqui um exemplo da galeria de vídeos funcionando. Por default essa galeria traz no máximo os últimos 50 vídeos da sua playlist.

]]>
Já pensou em utilizar uma maneira elegante para mostrar os seus vídeos de uma playlist do Youtube? Acabei criando um exemplo com jQuery para facilitar sua vida quanto a isso. ...http://www.pinceladasdaweb.com.br/blog/2013/06/03/yplaylist-youtube-playlist-with-jquery/feed/9http://www.pinceladasdaweb.com.br/blog/2013/06/03/yplaylist-youtube-playlist-with-jquery/
Vem aí o SampaJS 3.1http://feedproxy.google.com/~r/PinceladasDaWeb/~3/2_D20I2BKVw/JavaScriptPedro RogérioThu, 30 May 2013 09:09:42 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5740Sampa JS

SampaJS 3.1 recebe desenvolvedor do Yahoo! para falar sobre o poder da linguagem como multiplataforma.

O SampaJS está de volta na sua versão 3.1 (terceiro ano, segunda edição 2). Desta vez, ainda mais focado em mostrar como o JavaScript cresce no mercado, e trás benefícios a quem desenvolve, e a quem utiliza ferramentas feitas com esta linguagem de programação.

A nova edição vem com conteúdo focado em ferramentas produtivas para desenvolvedores com Daniel Jesus, o Alexandre Gaigalas (Yahoo!) vem nos mostrar o poder do JavaScript como multiplataforma. Já pensou em entrar nas entranhas do seu browser e entendê-lo melhor? Zaedy Sayão nos ajuda a desvendar os segredos do principal engine do mercado, o WebKit.

Leonardo Alberto (Estante Virtual) mostrará, também, como manipular o DOM e atualizar sua biblioteca e frameworks.! O Klederson Bueno, arquiteto de informação da Ernst & Young e engenheiro de software há 10 anos, vais nos mostrar como ter um ORM/Data Mapper/Active Recort para o AngularJS, o poderoso framework JavaScript do Google. Além de todo aprendizado, os participantes contarão com outras ferramentas de debug, além de teste de API’s com NodeJS.

O evento é organizado pelo desenvolvedor João Vagner, CTO da BeautyQ, e Jean Nascimento (O cara que tem o Moicano mais “XIQUE” do universo), evangelista MongoDB e tecnologias NoSQL e mantenedor de Projetos como NoSQL Brasil e JavaScript Brasil. Sampa JS tem como público alvo desenvolvedores intermediários e avançados, além de gerentes de TI e desenvolvimento.

Mais informações sobre o local e valor das inscrições você pode obter no site oficial.

]]>
SampaJS 3.1 recebe desenvolvedor do Yahoo! para falar sobre o poder da linguagem como multiplataforma. O SampaJS está de volta na sua versão 3.1 (terceiro ano, segunda edição 2). Desta ...http://www.pinceladasdaweb.com.br/blog/2013/05/30/vem-ai-o-sampajs-3-1/feed/0http://www.pinceladasdaweb.com.br/blog/2013/05/30/vem-ai-o-sampajs-3-1/
Static Site Generatorshttp://feedproxy.google.com/~r/PinceladasDaWeb/~3/0KcNXgQZ1Yo/JavaScriptPHPRuby on RailsNode.jsRubyPedro RogérioMon, 08 Apr 2013 06:56:46 PDThttp://www.pinceladasdaweb.com.br/blog/?p=5719Static Site Generators

A grande maioria dos desenvolvedores quando entra em um projeto novo, a primeira coisa que acaba se perguntando é: “Qual CMS vou utilizar?”, WordPress, Joomla, Drupal. Ou dado outro momento acabam fazendo tudo do zero para ter um maior controle sob o produto final. Só que existem momentos em que utilizar um CMS ou desenvolver um sistema do zero pode encarecer o projeto, ou até mesmo o próprio cliente não tem budget suficiente para investir em uma ferramenta desse porte.

É nessa hora que entram os Static Site Generators, ou seja, você pode ter o mesmo resultado final, utilizando ferramentas extremamente simples e gratuitas, que no final acabam agradando a todo mundo.

Hoje em dia existem ferramentas desse tipo nas mais variadas linguagens de programação, algumas possuem ferramentas de administração integradas, outras utilizam Markdown para a geração das páginas, cabe a você definir qual delas se adequa melhor ao seu projeto.

Pensando em ajudar a comunidade de desenvolvedores, compilei uma lista de diversas ferramentas no meu Github. Resolvi colocar lá pois assim fica mais fácil das pessoas contribuírem com novas ferramentas.

Se você quer contribuir, faça um Fork do projeto e submeta um Pull Request, vamos fazer essa lista aumentar cada vez mais.

]]>
A grande maioria dos desenvolvedores quando entra em um projeto novo, a primeira coisa que acaba se perguntando é: &#8220;Qual CMS vou utilizar?&#8221;, WordPress, Joomla, Drupal. Ou dado outro momento ...http://www.pinceladasdaweb.com.br/blog/2013/04/08/static-site-generators/feed/4http://www.pinceladasdaweb.com.br/blog/2013/04/08/static-site-generators/