EditArea um editor de codigo online.
Jan 2, 2008 Javascript
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.
Tags: Javascript
3D galeria de imagens em Javascript.
Dec 11, 2007 Curiosidades, Javascript, Sites
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.
Tags: Imagens, Javascript
8 Ajax, Javascript frameworks
Dec 8, 2007 Ajax, Frameworks / Livrarias
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.
Prototype
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/
Google 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/
Bajax
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
Mochikit
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:
MooTools
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-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
Yahoo 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 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/
jQuery
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.
Tags: Ajax, Frameworks, Javascript
Scal – Calendário
Nov 26, 2007 Componentes, 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/
Tags: Ajax, Calendário, Componentes, Javascript, Prototype
Cache File
Nov 22, 2007 Javascript
CacheFile.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.
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.
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.
Tags: Javascript, Sites, Soluções
