47+ Excellent Ajax CSS Forms

Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data.

Let’s take a look, hopefully you’ll find new ideas you can develop further on your own.

http://www.noupe.com/css/47-excellent-ajax-css-forms.html

Começando com o Papervision3d.

O papervision3d é uma engine open source para o Flash, é um projeto mantido por um pequeno grupo de desenvolvedores e está disponível em http://code.google.com/p/papervision3d/ .

Na página do projeto encontra-se respostas para algumas perguntas frequentes e também um roteiro para instalação e utilização do papervision no flash, e é isto o que será tratado neste post.

Baixar a ultima versão do papervision e configurar o Flash

No roteiro, a versão do papervision é baixada via SVN, então vamos fazer o mesmo, assim teremos sempre a versão atualizada do papervision. Primeiramente é preciso baixar e instalar um cliente SVN, utilizaremos o mesmo: “tortoise for windows” ( http://tortoisesvn.tigris.org/ ).

Após instalado, provavelmente será preciso reiniciar o computador. Ao retornar ao sistema você perceberá que o cliente SVN se integra com o Explorer, então para usá-lo siga estes passos.

1. Crie um novo diretório/pasta(ex:”snv”) e clique com o botão direito do mouse e escolha  “svn checkout”.
   
2. Na janela que irá aparecer cole este endereço: http://papervision3d.googlecode.com/svn/trunk/
   
3. Ao clicar em “OK” o tortoise irá baixar o papervision para o seu computador.
4. Depois de baixar o papervision é necessário configurar o Flash.
5. Abra o Flash, vá em “Edit>Preferences>Actionscript” e clique em “Actionscript 3.0 settings”
   
6. Clique na pasta indicada na imagem acima e navegue até a pasta onde você baixou o papervision (vide 1) e siga encontre o diretório “as3/trunk/src” e clique em OK.
7. Pronto, já temos o papervision adicionado ao Flash, agora vamos testar: Abra um novo documento no flash.
8. No Flash com o novo documento aberto, olhe no painel “Preferences” do nosso documento e no campo “Class” (Flash CS4) digite “Cubo” sem aspas, este será o nome da classe que utilizaremos como exemplo para o teste.
   
9. Agora salve o documento onde preferir.
10. Em seguida crie um novo documento, dessa vez um novo arquivo actionscript (new Actionscript File) e salve-o com o nome “Cubo” no mesmo lugar onde foi salvo o documento flash que criamos anteriormente.
11. Agora volte ao documento flash e clique no lápis ao lado da caixa de texto onde adicionamos a nome “Cubo” no item 8. O arquivo “Cubo.as” deverá ser aberto.
12. Com o “Cubo.as” aberto cole este código e salve-o.
13. Salve o flash e o script e execute o movie(crtl+Enter), tudo deve estar funcionando, bom agora é só ir experimentando outros exemplos. Have fun! =)

Se você seguiu os passos corretamente, verá esta animação: Paper Vision Cube (clique com o mouse e arraste para mover o cubo).

Referências:

http://code.google.com/p/papervision3d/wiki/Getting_Started_FAQ

http://pv3d.org/2009/01/15/dragging-an-object-to-rotate/