Artigos Recentes
Um pouco atrasado mas resumo do mês de Janeiro
Feb 4, 2008 Noticias Deixe um comentários
O mês de Janeiro ficou marcado com o novo design do PT Ajax, tentamos duas vezes e até mostramos aos nossos utilizadores a primeira versão que nem chegou a vir a publico.
As vezes não se acerta a primeira, por isso voltamos para o laboratório e decidimos criar uma outra nova template. Depois de alguns testes e de algum uso interno achamos que esta template é bem melhor que a anterior que tínhamos e por isso decidimos lançar para o publico.
Em conclusão achamos que o site melhorou bastante, e ficou com um ar mais limpo e muito menos pesado. Apesar de tudo achamos que ainda não esta a 100% e por isso podem notar neste mes de Fevereiro algumas mudanças.
Analisamos varios sites entre eles aconselho vivamente para quem não tem muito jeito para o desenho um Gerador de imagens em linhas, quadrados e tabs online que ainda hoje da jeito quando queremos criar um novo site.
YouTorrent um site que permite procurar num so sitio torrents que estão disponíveis em 12 sites, com vasto uso de Ajax este site tem crescido bastante nos últimos dias.
Para os fans do youTube, iDesktop.tv revoluciona a maneira como podes ver, partilhar, guardar vídeos.
Em termos de extensões e frameworks, Scrip.aculo.us lançou a versão 1.8.1 para o publico apesar de não trazer nenhum novidade mas sim a eliminação de bugs.
De destacar algumas extensoes como, Facebox 1.0 foi mais uma lighbox lancada para o publico, especificamente para quem usa jQuery.
Spellify uma extensão que permite transformar uma caixa de texto num corrector de erros ortográficos.
Editarea também transforma uma caixa de texto mas desta vez para um editor de código online.
De destacar também o artigo do mes foi a analise de 10 Ajax, CSS, HTML, PHP, Javascript galerias de imagens.
O que faltou no mes de Janeiro foi claro um tutorial, mas com a template a ser criado o tempo não ajudou muito.
Em Fevereiro queremos tentar:
- Publicar dois tutoriais
- Publicar duas noticias por dia
- Começar a criar uma aplicação em Ajax.
Esperemos conseguir atingir estes objectivos este mês.
Google Social Grafico API
Feb 2, 2008 API, Google Deixe um comentários
Google acabou de lançar mais um novo API. Depois de terem lançado Google Charts API, um API que eu gosto bastante, voltaram ao ataque desta vez com um API para networks sociais.
A ideia é simples hoje em dia os links que criamos de site para site, são mais do que um simples link.
Baseado em XHTML Friends Network(XFN) e Friend of a Friend(FOAF), isto são links que normalmente tem uma relação.
São links normais a outros a única diferença é terem uma relação:
a href=”http://www.pttutoriais.com” rel=”friend met”
Este tipo de links tem tido um crescimento grande especialmente com vários blogs hoje em dia usarem blogrolls onde podes criar este tipo de relações.
Esta nova API do Google indexa este tipo de links e cria um gráfico com as relações.
Site oficial: Google Social API
Mootools extensão para datas
Jan 30, 2008 Componentes, Mootools Deixe um comentários
Todos nos sabemos que datas em Javascript não são tão eficaz como todos nos desejávamos.
Mesmo usando frameworks como o prototype e o mootools por vezes não adicionam tanto como queremos também.
Para os apreciadores da framework mootools agora existe uma nova extensão para alargar as opções do que podem fazer com datas.
date.extas.js adiciona mais funcionalidades destaco:
Date.timeAgoInWords
Baseado numa data permite mostrar “a 10 minutos atrás”, útil para blogs por exemplo para demonstrar a quanto tempo atrás o artigo foi publicado.
Date.getLastDayOfMonth
Quantos dias tem um mês.
Date.getWeek
Em que semana estamos num ano.
O que falta e dava bastante jeito (pelo menos para mim) era:
Date.getMonthWorkingDays
Para dizer quantos dias úteis um mês tem.
Mas claro não se pode ter tudo e quem sabe um dia não crio essa função.
Site Oficial:Clientside
Extensão: date.extras.js
Prototype cheat sheet
Jan 29, 2008 Frameworks / Livrarias, Prototype 2 Comentários
Cheat sheet dão sempre jeito.
Cheat sheet tipicamente é uma documento em PDF que ocupa uma pagina onde tens todos os comandos de uma framework.
O dono de scripteka acabou de lançar uma nova cheat sheet para o Prototype e depois de analisar acho que esta bastante bom, apenas tem um defeito se tentarmos imprimir numa pagina so as letras ficam demasiado pequenas e quase que é preciso uma lupa para ver.
Mesmo assim para quem gosta de cheat sheets recomendo o seu download.
Site oficial: Prototype Cheat Sheet
10 Ajax, CSS, HTML, PHP, Javascript galerias de imagens
Jan 27, 2008 Ajax, Frameworks / Livrarias, Javascript Deixe um comentários
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
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 é 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 é 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
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 é 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 é 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 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
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 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
Jan 26, 2008 Ajax, Componentes Deixe um comentários
Shadowbox 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.
