Que tal um Xadrez Chinês?

Eu não sei jogar isso, mas este xadrez chinês tem uns recursos Ajax interessantes. Animação, Drag-And-Drop, JSON, etc. O que mais chama a atenção é a forma que o oponente é processado. Todo processamento é feito no lado do servidor e utiliza repostas em JSON (JavaScript Object Notation) para indicar o próximo movimento. Em posts futuros falaremos mais sobre esse tal de JSON, não é complicado acreditem! ;)

E para quem quiser tentar o xadres chinês:

Interfaces Elements for JQuery

jQuery é um dos principais concorrentes do framework prototype. Assim como o prototype tem o Script.aculo.us para estender o framework, o jQuery tem o Interfaces Elements. Dentre os principais componentes estão:

• Animate
• Effects
• Draggables
• Droppables
• Sortables
• Selectables
• Resizables
• Slider
• Tooltips
• Slideshow
• Imagebox
• Autocompletion
• Autoscrolling
• Autoexpander
• Accordion
• Tabs in Textareas
• 3D Carousel
• Fisheye menu

O mais legal pra mim é o menu Fisheye:

Post Inicial - Framework Prototype

Olá a todos!! Esse é meu post inicial no blog Ajaxis. O tema principal do blog será tecnologias Web! Principalmente a meninas dos olhos de todos os iniciantes nesta área, o Ajax. Espero a participação de todos os visitantes para comentar os posts, sugerir melhorias e temas para discussão.

Para iniciar, vou mostrar como utilizar o framework prototype. O seu objetivo principal é agilizar e facilitar o desenvolvimento de aplicação web 2.0 usando Ajax, adicionando diversas extensões ao DOM. Neste site você encontra um excelente e completo tutorial sobre o prototype. Para começar a vamos conhecer a função $():

$(): Um atalho para o document.getElementById() do DOM em javascript. Muito mais que apenas retornar um elemento HTML, a função $() adiciona alguns métodos extras ao objeto retornado como hide(), show() e toggle() pra esconder e exibir elementos.

Ex:

<div id="minhadiv">conteúdo</div>

<a href="#" onclick="teste();">Esconder / Mostrar</a>

<script>

function teste(){

$('minhadiv').toggle();

}

</script>