SpotGeek.net » ajax

extJS crud

Filipe Teixeira Nunes — Thu, 09 Dec 2010 14:21:50 +0000

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

Filipe Teixeira Nunes — Sun, 16 May 2010 23:45:32 +0000

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

Filipe Teixeira Nunes — Fri, 09 Oct 2009 15:21:58 +0000

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

Filipe Teixeira Nunes — Wed, 08 Jul 2009 14:41:41 +0000

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.

http://tools.mozilla.com/

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..

Manual AJax e PHP

Filipe Teixeira Nunes — Fri, 03 Jul 2009 15:27:08 +0000

AJAX & PHP

Manual de PHP

http://battisti.wordpress.com/2007/03/10/apostila-de-php/

Manual de AJAX

Ajax lightbox and modal dialog solutions

Filipe Teixeira Nunes — Mon, 29 Jun 2009 22:28:36 +0000

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

Filipe Teixeira — Fri, 24 Apr 2009 09:00:19 +0000

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:

Ajax — Acentuação

Filipe Teixeira — Fri, 27 Feb 2009 19:20:14 +0000

como resolver o problema de acentuação do ajax apenas com uma linha de código.

Basta acrescentar esta linha ao conteúdo.

Ajax File Browser System

Filipe Teixeira — Wed, 28 Jan 2009 01:46:16 +0000

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