Arquivos Tags

EditArea um editor de codigo online.

Artigo publicado em January 2, 2008 as 7:53 pm

EditArea é um editor de código online. Não façam confusão com WYSIWYG, pois é completamente o oposto.
Criado por Christophe Dolivet e desenvolvido em Javascript algumas das características são:

  • Fácil integração, apenas um script para incluir e uma função para chamar
  • Suporta formato de código (para parecer bonito)
  • Sintaxe com cores, suporta PHP, CSS, Javascript, Python, HTML, XML, VB, C, PP, Pascal, Basic só falta .NET
  • Linhas numeradas
  • Suporta diferentes línguas entre as quais o Português
  • Permite múltiplos editores numa pagina so
  • Ecran inteiro
  • Funciona tanto com prototype e mootools

Uma das falhas é não suportar múltiplas linguagens num so editor por exemplo PHP+HTML.

EditArea

3D galeria de imagens em Javascript.

Artigo publicado em December 11, 2007 as 4:02 pm

3D Galeria de Imagens3D Galeria de Imagens3D Galeria de Imagens

Uma galeria de imagens em 3D criado em Javascript. Sem nenhuma framework.
O código esta disponível para quem quiser usar.

Sinceramente acho que o efeito esta bem conseguido como também a rapidez da aplicação. Não esta lento e não noto nenhuma falha.

Não se esqueçam também de clicarem na imagem pois a imagem aumenta, e se voltarem a clicar a imagem diminui.

Bem conseguido.

Visitem http://www.dhteumeuleu.com o site do autor onde podem ver o código e as imagens a funcionar.

8 Ajax, Javascript frameworks

Artigo publicado em December 8, 2007 as 11:09 pm

Com o aparecimento do termo Ajax também começou a aparecer várias frameworks ou livrarias (tudo depende como queiram chamar). Desde a mais simples em que apenas ajuda a facilitar o XHMLHttpRequest até as mais complicadas em que possibilitam muito mais do que apenas o XHMLHttpRequest.

Neste artigo vou tentar apresentar algumas das frameworks mais conhecidas e usadas. Atenção todas estas frameworks tem pelo o menos uma coisa em comum todas facilitam o XHMLHttpRequest. Frameworks como o scriptaculous não aparecem na lista devido a ser componentes ou add-ons para certas frameworks. Usando apenas o scriptaculous não é possível fazer pedidos em XHMLHttpRequest onde o verdadeiro Ajax reside.

PrototypePrototype
Prototype é uma das livrarias/framework mais conhecidas e mais usadas para quem quer usar Ajax. Em termos pessoais prototype é a minha opção.
Um dos problemas com o prototype é a corrente documentação, onde muitos usuários acham complicado e difícil de intender.

URL: http://www.prototypejs.org/
Documentação: http://www.prototypejs.org/api
Sites que usam Prototype:
http://www.digg.com/
http://www.alexa.com/

GoogleGoogle Webtoolkit

Google oferece GWT (Google Web Toolkit) uma aplicação em JAVA que simplifica a criação de aplicações que queiram usar Ajax. Basicamente permite a qualquer programador criar Ajax usando JAVA deixando assim de seguida o GWT traduzir o código para Javascript e HTML.

URL: http://code.google.com/webtoolkit/
Documentação: http://code.google.com/webtoolkit/overview.html
Sites que usam GWT:
http://blueprint.lombardi.com/index.html
http://www.dotemplate.com/


BajaxBajax

Para quem procura uma solução simples e bastante leve em termos de tamanho (6kb) Bajax pode ser a solução ideal. Puramente para começar a usar Ajax para fazer updates do conteúdo sem o refresh das paginas de uma maneira fácil e simples.

URL: http://bajax.berlios.de
Documentação: http://developer.berlios.de/docman/index.php?group_id=5319
Sites que usam Bajax: Não conheço



MochikitMochikit

Mochikit oferece uma framework bastante fiável e garante 100% suporte em termos de documentos para ajudar qualquer programador a perceber a usar a framework. Mochikit no meu ponto de vista é uma das frameworks que mais concorrência faz ao prototype.

URL: http://www.mochikit.com
Documentação: http://www.mochikit.com/doc/html/MochiKit/index.html
Sites que usam Mochikit:



MooToolsMooTools

MooTools oferece uma framework para programadores já com alguma experiência em Javascript. Ultimamente esta framework tem vindo a crescer e com uma documentação bastante simples de usar e de perceber Mootools pode ser outra das grandes frameworks.

URL: http://mootools.net
Documentação: http://docs.mootools.net/
Sites que usam MooTools:
http://www.cnet.com/
http://joomla.org/


Sack Simple AJAX Code-KitSack Simple AJAX Code-Kit

Sack como a definição diz e uma simples framework super leve e rápida e sem os efeitos e assobios de outras frameworks, apenas Ajax nada mais. Sack tem a mesma ideia que Bajax.
Simples e eficaz se queres apenas Ajax Sack e uma boa solução.

URL: http://twilightuniverse.com/projects/sack
Documentação: Incluído no download
Sites que usam Sack : Não conheço

YUI Yahoo User InterfaceYahoo User Interface
A resposta da Yahoo no mundo das frameworks. Uma das grandes vantagens de usar YUI framework é a possibilidade de não ser preciso fazer o download da framework e poder apenas criar um link na nossa aplicação directamente aos servidores da Yahoo. Isto possibilita as vantagens já discutidas pelo o serviço CacheFile.

URL: http://developer.yahoo.com/yui/
Documentação: http://developer.yahoo.com/yui/docs/
Sites que usam YUI:
http://www.linkedin.com/
http://slashdot.org


Adobe SpryAdobe Spry
Claro que a Adobe não podia fugir da festa. Mas como a Adobe é a Adobe esta framework esta mais inclinada para designers. Devido a esse factor pouco posso dizer sobre esta framework devido a nem ter perdido um segunda a usar. Para os fanáticos do Dreamweaver, Spry possibilita uma integração bastante fácil.
Air pelos os vistos vai ser a nova aposta da Adobe. Mas isso fica para outro artigo.
URL: http://labs.adobe.com/technologies/spry/
Documentação: http://labs.adobe.com/technologies/spry/articles/best_practices/index.html
Sites que usam Spry:
http://reader.macrostandard.com/
http://www.grafikkaos.co.uk/

jQueryjQuery
Obrigado ao Herberto, por ter me apontado para mais uma framework bastante conhecida que me passou ao lado. jQuery oferece quase tanto ou mais que o prototype e em termos de tamanho oferece muito menos (14kb) o que é bastante impressionante.
Mais impressionante ainda é o factor de o jQuery ser usado pelo o google code no seu novo design no dia 6 de Novembro.
URL: http://jquery.com/
Documentação: http://docs.jquery.com/Main_Page
Sites que usam jQuery:
http://code.google.com/


Com o sucesso do Ajax, cada dia que passa as frameworks passam a ter cada vez mais importância. Qual é a tua framework preferida? Conheces mais alguma que não esteja na lista? Deixa os teus comentários e se queres ver mais artigos deste género vota.

Scal - Calendário

Artigo publicado em November 26, 2007 as 1:46 pm

Scal - Calendário baseado no Prototype

Scal é um calendário criado em Javascript para uso com o prototype.
Scal também suporta script.aculo.us para efeitos em Javascript. Algumas das vantagens:

  • Leve - 16kb
  • Integração rápida e fácil
  • Vantagem de poder usar múltiplos calendários na mesma pagina sem conflitos
  • HTML / XHTML valido
  • Varias skins
  • Fácil de traduzir para Português ou qualquer outra linguagem
  • Bónus: Organizador de eventos

Browsers suportados:

  • Internet Explorer 6 e 7
  • Firefox
  • Safari
  • Opera

URL: http://scal.fieldguidetoprogrammers.com/

Cache File

Artigo publicado em November 22, 2007 as 7:30 pm

CacheFile.netCacheFile.net é uma boa ideia mas será que resulta? Para quem usa libraries como o Prototype, Dojo, jQuery e muitos mais, este novo serviço pode ser bastante útil.
Mas vamos por passos, para que serve e como funciona este novo serviço.

O problema.

Como funciona normalmente.

Neste exemplo o mesmo user visita quatro websites onde todos usam por exemplo o prototype, e cada website encontra-se alojado em servidores diferentes. O que acontece é que o browser faz o download do ficheiro prototype quatro vezes para cada site.CacheFile tenta resolver esse problema.

A solução.

A solução.
Se todos os programadores nos seus websites / aplicações em vez de terem o protoype alojado nos seus servidores, e optarem por usarem a versão alojada em cachefile.net os users so terão que fazer o download uma única vez, pois o browser faz cache do ficheiro.
Uma solução excelente mas claro têm os seus problemas:

  • Só resulta se todos os programadores usarem o serviço.
  • Têm que se ganhar confiança no serviço, se o servidor for abaixo vai afectar muitos websites.
  • Se o criador por alguma razão decidir alterar ou prejudicar os ficheiros.

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.