Arquivos Categoria

Firebug nova versão

Artigo publicado em February 6, 2008 as 10:12 pm

Firebug para mim é uma das melhores extensões que existe para o firefox.

É simples se eu só pode-se escolher uma extensão entre as centenas que existem, firebug era a escolhida.

Para qualquer programador que faça aplicações para a internet, firebug é uma ajuda tremenda para o debug e o rápido desenvolvimento de uma aplicação.

E claro para aplicações em Ajax ajuda bastante.

Por isso para quem já usa o firebug vai ficar contente de saber que já existe outra versão para o publico talvez um pouco beta aind, que vem resolver certos problema e introduzir umas novidades como por exemplo suporto para firefox 3, ícones mais bonitos e um editor externo.

Para mais informações visitem o blog oficial.

10 Ajax, CSS, HTML, PHP, Javascript galerias de imagens

Artigo publicado em January 27, 2008 as 9:55 pm

minishowcase

Uma potente galeria em PHP/Javascript, no website oficial dizem ser uma solução de tamanho pequeno, mas eu acho que quase 200kb não é assim tão pequeno.

Pontos fortes:

  • Para quem procura uma galeria e apenas isso, minishowcase da conta do recado
  • Rapidez, claro que também depende do servidor, mas mesmo assim esta galeria de imagens é rapida.
  • Fácil de instalar.

Pontos fracos:

  • É uma galeria (e apenas isso), sendo assim é dificil integrar com o resto do website
  • Opções, são varias mas básico.

Site oficial: Minishowcase
Exemplo oficial: Minishowcase Demo
Instruções oficial: Minishowcase Instruções

iphonestyle

AJAX Slideflow Control - estilo iPhone?

Para quem procura uma galeria do estilo do iPhone, esta é a solução mais parecida de momento.

Pontos fortes:

  • O efeito visual é sem duvida bastante atractivo
  • Fácil integração com outras paginas que já tenhas no teu website

Pontos fracos:

  • Ter que preparar as imagens todas em photoshop
  • A sério o factor de ter que criar 3 imagens (esquerdo/centro/direito) em photoshop torna-se bastante cansativo
  • Ter que criar o ficheiro xml

Site oficial: Mediaeventservices
Exemplo oficial: Mediaeventservices Demo
Instruções oficial: Mediaeventservices Instruções

zenphoto

ZenPhoto é talvez uma das plataformas mais completas para quem quer ter uma galeria de imagens na web.

Pontos fortes:

  • Index, Albums e imagens
  • Cria automaticamente thumbnails
  • Podes adicionar imagens através de FTP ou através do browser
  • Os visitantes podem comentar cada foto ou imagem
  • Ajax edita enquanto navegas pela a galeria
  • Themes, podes criar a tua template ou podes fazer download de algumas ja existentes
  • Varias maneiras de procurar, através de datas, tags, titulo e descrição

Pontos fracos:

  • Quando o visitante esta a ver as tuas imagens em tamanho inteiro cada vez que muda de imagem o pedido não é atraves de Ajax

Site oficial: Zenphoto

Exemplo oficial: Zenphoto Demo

Instruções oficial: Zenphoto Instruções

smoothgallery

SmoothGallery é uma galeria que usa bastante tecnicas de Ajax, as vezes ate parece ser criado em Flash.

Pontos fortes:

  • O display
  • A suavidade entre mudanças de imagens
  • Fácil de integrar com o teu website, não é apenas um standalone

Pontos fracos:

  • Quando o visitante clica para ver a imagem em tamanho normal, não existe a opção para voltar para a galeria

Site oficial: SmoothGallery

Exemplo oficial: SmoothGallery Demo

Instruções oficial: SmoothGallery Instruções

pyxygallery

Pyxy-gallery é mais uma galeria em PHP e Javascript que usa lightbox.js para mostrar as imagens da galeria.

Pontos fortes:

  • Apesar de uma ajax para mostrar as imagens numa só pagina é possível fazer o bookmark a imagens individuais.
  • Super leve

Pontos fracos:

  • Beta, falta limar ainda alguns pormenores.
  • Visualmente não é a galeria mais atractiva.

Site oficial: Pyxy Gallery

Exemplo oficial: Pyxy Gallery Demo

Instruções oficial: Pyxy Gallery Instruções

couloir

Couloir é uma solução em Javascript, HTML e CSS que tenta ( e bem ) recriar uma galeria em Flash.

Pontos fortes:

  • Excelente suavidade entre as mudanças de imagem para imagem

Pontos fracos:

  • Não existe suporte
  • O código é oferecido com esta
  • Não oferece a oportunidade de criar álbuns etc.. é apenas mesmo um visualizador de imagens

Site oficial: Couloir

lightbox2

Lightbox2 é talvez uma das lightbox conhecidas e usadas. Baseado nas seguintes frameworks, prototype e scriptaculous.

Pontos fortes:

  • Suavidade de animação entre imagens é talvez uma das melhores
  • Fácil de instalar
  • Fácil integração com o teu website

Pontos fracos:

  • Não é uma galeria completa como outras aqui apresentadas

Site oficial: Lightbox 2

Exemplo oficial: Lightbox 2 Demo

Instruções oficial: Lightbox 2 Instruções

triptracker

TripTracker na minha opinião é excelente para quem tem umas quantas imagens no site e quer uma maneira agradável para os visitantes navegarem entre imagens.

Pontos fortes:

  • Fácil de usar
  • Fácil de instalar
  • Fácil de integrar com o teu website design
  • Excelente navegação entre imagens
  • Opção para enviar a imagem por email
  • Opção para criar um bookmark a imagem

Pontos fracos:

  • Não é de borla
  • Licença normal: $25
  • Licença premium: $500

Site oficial: TripTracker

Exemplo oficial: TripTracker Demo

Instruções oficial: TripTracker Instruções

suckerfish

O que distingue Suckerfish HoverLightbox de outras soluções é o factor de poder criar uma barra de navegação de galerias em que o visitante basta passar com o rato por cima para aparecer uma caixa género “dropdown” com thumbnails das imagens.

Pontos fortes:

  • Diferente de outras soluções

Pontos fracos:

  • Talvez os visitantes mais “básicos” não percebam a primeira como ver as imagens

Site oficial: Suckerfish

Exemplo oficial: Suckerfish Demo

thickbox

ThickBox oferece mais do que apenas uma maneira de ver imagens. Pode tambem mostrar paginas, divs, texto etc..

Site oficial: Thickbox

Exemplo oficial: Thickbox Demo

Instruções oficial: Thickbox Instruções

Shadowbox novo lightbox

Artigo publicado em January 26, 2008 as 10:11 pm

shadowboxShadowbox não é apenas mais uma lightbox, apesar de também ser usado para o mesmo efeito. Mas existe vários pontos interessantes nesta extensão como:

  • Standards Shadowbox cria HTML valido que passa os testes por W3C.
  • Frameworks normalmente uma extensão tem que ser usado com apenas uma framework, e todos nos sabemos que as vezes não usamos certas extensões pois não são compatíveis com a nossa framework escolhida. Shadowbox suporta varias frameworks como YUI, Ext, Prototype + Scriptaculous, jQuery e MooTools.
  • Design fácil modificar o design da box, Shadowbox usa um sistema de skins em que basicamente basta modificar apenas um ficheiro CSS.
  • Formatos Quicktime, Windows Media Player, Flash, Flash video e até paginas externas.

Sem duvida que extensão esta bem conseguída e o factor de poderes usar qualquer framework ajuda muito em escolher esta extensão para os próximos projectos.

iDesktop.tv Youtube em esteróides?

Artigo publicado em January 4, 2008 as 8:06 pm

iDesktopiDesktop é um site onde podes ver, procurar e fazer o download de vídeos que se encontram no YouTube.
Uma das coisas que iDesktop afirma é ser uma verdadeira aplicação “web 2.0″ onde tentam criar a experiência do desktop no browser. As janelas podem ser minimizadas, drag e drop, e a possibilidade de poder ver múltiplos vídeos ao mesmo tempo. Isso tudo misturado com um design inovativo.

Algumas das características são:

  • Design criado para dar a experiência de uma aplicação normal do desktop
  • Playlist que podes partilhar com amigos
  • Poderes ver múltiplos vídeos ao mesmo tempo
  • Faz o dowload dos vídeos em avi, mp4, mov, 3gp, wmv, flv
  • Drag e drop
  • Escolhe 12 temas para o site
  • Ver o vídeo em ecran inteiro
  • Ver os últimos 50 vídeos que foram vistos

Uma das coisas que achei estranho é o factor do site usar o prototype 1.4.0, quando a versão 1.6.0 já se encontra disponível.

iDesktop

Gerador de imagens em linhas, quadrados e tabs online.

Artigo publicado em January 4, 2008 as 9:54 am

Num artigo mais antigo falei sobre gifs para tempo de espera e em especial Ajax Load um site onde podem gerar os vossos gifs automaticamente.

Hoje apresento 3 sites interessantes com as mesma ideia, mas em vez de criar gifs para o efeito de loading, são sites onde podes criar gráficos em especial para imagem de fundo.
O primeiro é um gerador de linhas (stripes), claro que podem criar em Photoshop o mesmo efeito, mas este site esta excelente e fácil de usar. Esta site é ideal para criarem imagens de fundo para as vossas aplicações.

Stripe Generator
Visitem Stripe Generator, para criarem as vossas próprias linhas.O segundo site têm o mesmo objectivo mas em vez de criar linhas cria quadrados. Visitem Tartan Maker .

Tartan Maker
Por fim um site onde podem criar tabs. Visitem Tab Generator.
Tabs Generator
Sinceramente para quem o forte não é Photoshop estes sites podem dar uma ajuda, especialmente os que criam as imagens de fundo. E como sempre os 3 sites são um bom exemplo de como usar Ajax eficazmente.

Spellify 1.0 Corrector Ortográfico

Artigo publicado em January 3, 2008 as 8:43 pm

Spellify Corrector OrtográficoSpellify é uma maneira simples e rápida de tornar um caixa de texto num corrector ortográfico em tempo real.
Spellify utiliza o Google como motor para corrigir os erros ortográficos, também utiliza o script.aculo.us e o prototype. Podem fazer o download no site oficial.
De momento Spellify suporta 11 linguagens entre as quais o Português.
Apenas um detalhe só funciona em PHP com a biblioteca CURL disponível. Para não gastar tempo aos programadores em ambiente .NET .

Exemplo

Pagina 2 de 6«12345»...Ultima »

Wisemapping Magento Ecommerce TaskFreak
MooFilm Flexigrid ProtoFlow

Drag e Drop com Scriptaculous

Drag e Drop com ScriptaculousEste tutorial consiste em explicar como usar o prototype e o script.aculo.us para criar o efeito drag e drop. Analisamos todas as opções, mostramos como criar com exemplos práticos e visuais.

Uff.. Como usar Prototype para pedidos em Ajax.

Como usar Prototype Neste tutorial explicamos como podes começar a dar os teus primeiros passos na famosa framework prototype, um simples tutorial onde é explicado como podes fazer os teus primeiros pedidos em Ajax.