extJS crud
Criar um crud em 3 paste
http://blog.rkn.com.br/2010/02/criando-um-crud-usando-um-grid-e-um-form-em-3-partes/
usar jquery
Abaixo pode ver uns bons exemplos de como usar o jquery ..
http://www.9lessons.info/2008/08/jquery-ajax-and-php-projects-9lessons.html
http://www.smashingmagazine.com/2010/04/27/45-useful-jquery-techniques-and-plugins/
CSS 3 Generator
Interactive CSS 3 Generator from Ajaxian by Brad Neuberg 9 people liked this Many browsers have been experimenting with new custom CSS properties lately. Keeping track (and learning how to use them) can be a bit of a challenge. Via WidgetPad comes a nifty CSS 3 Generator that helps you understand the new CSS 3 features in Webkit with an interactive tool that will build up and show how each new property affects an element. Here, for example, we see the results of applying rounded corners, box shadows, reflections, and a transform to an element: css3_generator_screenshot Which results in the following code: PLAIN TEXT CSS: 1. -webkit-border-radius: 10px; 2. -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); 3. -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white)); 4. -webkit-transform: rotateZ(15deg); The CSS 3 Generator works on any webkit based browser, including Safari, the iPhone, and Chrome. Here’s a challenge to the community: can you create an enhanced version of this that works with all the new CSS 3 and vendor-specific properties, including on IE and Firefox, hiding the options that don’t work on specific browsers? That would turn this into a more general purpose educational and testing tool that would be very valuable. Even better if you open source it and we can host it on the Open Web Developer Network we’ve been kicking around. Drop me a line if you create such a thing 
As a side note, I had never seen the WidgetPad website where this is hosted before this which looks quite interesting. From the site: [WidgetPad is a] collaborative development environment for developers to develop fully-interactive, stand-alone, downloadable SmartPhone applications in HTML5, CSS3 and Javascript. You don’t need to install any special development tools or learn any platform-specific API sets. WidgetPad offers everything you need — project management, source code editing, debugging, collaboration, versioning and even distribution — in your own browser!
Fonte: Ajaxian
Open web tools mozilla labs
A mozilla labs criou um directório, onde podem ser encontradas de uma forma simples e rápida várias “ferramentas” para programadores, tentaram reunir numa só página algumas das ferramentas conhecidas dos programadores.
E claro tudo ferramentas opensource.
A página ainda dispõem de um formulário de pesquisa, muito útil caso queiram pesquisar só pelo design , código etc..
Ajax lightbox and modal dialog solutions
1. Lightbox2
A popular lightbox solutions that written by Lokesh Dhakar, it is built on prototype and scriptaculous framework. It only supports images and slideshow.
2. Lightbox Gone Wild
Inspired by lightbox and include the support for form and html. It is based on prototype and scriptaculous.
3. Colorbox
Lightweight and customizable lightbox plugin through CSS and jQuery. The plugin support images, image group, ajax, inline content and iframe content.
4. Fancybox
Display images, html and multimedia content. It is a jQuery based lightbox.
5. jQuery Lightbox Plugin
Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.
6. prettyPhoto
Jquery lightbox clone and support more multimedia format.
7. Litebox
Lightweight lightbox which built on moo.fx and prototype.lite.
8. Thickbox
Similar solutions to lightbox2, but it has more features like display inline content, iframed content or content served through ajax in a hybrid modal. It is build on jQuery.
9. Slightly Thickerbox
A mod from thickbox which add on next and previous button to form a images gallery.
10. Slimbox
The ultimate lightweight Lightbox clone for jQuery. As stated, slim and slimmer solutions for lightbox.
11. LightView
Built with prototype and scriptaculous. Supports plenty of media format.
12. jQuery Dialog
jQuery UI also contains dialog component, although its nature is more like a dialog and form. But, you can customize to create your own flavor of image preview or gallery.
13. Prototype Window
A prototype based window dialog.
14. MochaUI
MochaUI is an UI framework for mootools. It includes dialog windows for displaying rich content.
15. Facebox
Facebook lightbox aliked, jQuery based modal dialog. It support images, div or entire remote pages.
16. Boxy
Facebox aliked, but it support more features like dragging and size tweening.
17. ModalBox
A modal dialog that allow you to include html within. Build with prototype and scriptaculous.
18. Shadowbox
Support most of the media format and it is customizable through css. On top of that, it is a standalone javascript solutions. It is free for non-commercial usage.
19. LightWindows
A comprehensive lightbox solutions which enable you to embed images, video,iFrame, flash and more.
20. SimpleModal
Yet another jQuery based modal dialog.
21. jqModal
22. Multibox
Support images,flash, video, mp3 and html and it is build with mootools.
23. Greybox
Can be used to display websites, images and other content, doesn’t rely on any ajax framework.
24. Highslide
A really quick and smooth free image viewer. It supports plenty of formats like html,ajax,iframe and flash.
25. Sexybox
Another standalone lightbox which display content directly from html.
Lightbox Generator
VisualLightbox
WebGalleryCreator
Lightbox Plugins for WordPress
Lightbox2
jQuery Lightbox
Shadowbox
Flexible Lightbox
If you need more lightbox plugin for wordpress, you can visit the link here.
Alternative Solutions
Creating Lightbox with CSS
Firefox hack – Greased Lightbox
Via: http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/
jCarousel
Riding carousels with jQuery
Author: Jan Sorgalla
Version: 0.2.3 (Changelog)
Download: jcarousel.tar.gz or jcarousel.zip
Licence: MIT and GPL
Documentation: http://sorgalla.com/projects/jcarousel/
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
Examples
The following examples illustrate the possibilities of jCarousel:
- Static Examples
- Dynamic Examples
- Carousel with dynamic content loading via JavaScript
- Carousel with dynamic content loading via Ajax
- Carousel with dynamic content loading via Ajax from a PHP script
- Carousel with dynamic content loading via Ajax from the Flickr photo stream
- Carousel with dynamic content loading via Ajax from the Flickr API
- Special Examples
Ajax – Acentuação
como resolver o problema de acentuação do ajax apenas com uma linha de código.
Basta acrescentar esta linha ao conteúdo.
<?php header(“Content-Type: text/html; charset=ISO-8859-1″,true) ?>
Ajax File Browser System
Com o AJAX File Browser conseguimos listar todas as sub-pastas e ficheiros de um disco e ainda abrir alguns ficheiros .doc .xls .ppt caso tenha o MS OFFICE instalado.
Com um visual e funcionamento muito parecido ao explorer do Windows Vista e permite ainda o upload de ficheiros para o servidor.
Corre nos seguintes browsers:
- Internet Explorer 7
- Mozilla Firefox 2 or later
- Safari 3.0.4 or later
- Google Chrome 0.3.154.9 or later
- Netscape Navigator 9 or later
Pode encontrar outras APIs como map drive em http://www.webdavsystem.com
