Post Pic

85 soluciones AJAX para desarrollo profesional.

Los desarrolladores web pueden crear increíbles aplicaciones con AJAX. Stikkit, Netvibes, Gmail y muchos más ofrecen todo un nuevo nivel de interactividad. Las aplicaciones web pueden ser diseñadas con interfaces y funcionalidades mucho mayores, las cuales eran privilegios solamente de aplicaciones de escritorio.

AJAX hace posible lo que en ese momento era un sueño, AJAX hace posible crear soluciones web más interactivas, más flexibles y responsables.

Debe entenderse que AJAX no es un nuevo lenguaje de programación, como erróneamente ha sido considerado en varias ocasiones. Básicamente AJAX es un cojunto de XHTML, CSS, DOM, XMLHttpRequest y XML puestos juntos y usados conjuntamente para el mismo propósito de brindarle al usuario una interactividad usuario-servidor.

Para que entiendas la idea que se esconde detrás de AJAX, deberías considerar leer los artículos de Jesse James Garrett “Ajax: A New Approach to Web Applications” y Wikipedia: Ajax;

En este artículo presentaré una lista de más de 80 técnicas basadas en AJAX que siempre debes tener a mano para cuando de aplicaciones web en AJAX se trate. Auto-completado, editado de un campo instantáneo, menúes, calendarios, elementos interactivos, efectos visuales, animación, javascripts básicos, así como una suite extensa para desarrolladores que te servirán de herramientas poderosas y útiles de uso diario, sin la necesidad de tener que buscar dentro de tus favoritos relacionados con AJAX.

Entre tanto, tal vez quisieras mirar el artículo 60 More Ajax and Javascript Solutions For Professional Coding de nuestra revista amiga, SmashingMagazine, artículo igual de poderoso y que próximamente ofreceré completamente traducido.

Autocompletador en AJAX

1. AJAX AutoSuggest: Un campo de texto con autocompletador en AJAX.

AJAX Scripts - AutoSuggest: An AJAX auto-complete text field : CSS . XHTML . Javascript . DOM, Development : Brand Spanking New

2. Autocompletador en AJAX / librería script.aculo.us

AJAX Scripts - script.aculo.us - web 2.0 javascript demos

3. AutoCompletador AJAX

AJAX Scripts - digitarald.de » Playground - Widget Birthplace

4. Ajax autosugeridor/autocompletar desde base de datos

AJAX Scripts - Ajax autosuggest/autocomplete from database

5. Lista dinámica en AJAX

AJAX Scripts - Ajax dynamic list

Editor instantáneo en AJAX

6. AJAX inline text edit 2.0

AJAX Scripts - YvoSchaap.com - Easy AJAX inline text edit 2.0

7. Campos de edición similares a Flickr en AJAX y CSS

AJAX Scripts - Create flickr-like Editing Fields Using AJAX & CSS » Dustin Bachrach Blog

8. Edición instantánea en AJAX

AJAX Scripts - xmlHttpRequest - Instant Edit

Menúes en AJAX, Etiquetas

9. 14 técnicas de ambientes basados en etiquetas

14 Tab-Based Interface Techniques

10. Menú widget en AJAX

AJAX Scripts - Comunidade brasileira da biblioteca EXTJS

11. Navegación acordeón en AJAX

AJAX Scripts - mootools demos - Accordion

12. Diálogos en AJAX, Menúes, Grids, Árboles y Vistas

AJAX Scripts - Comunidade brasileira da biblioteca EXTJS

13. Módulo de pestaña en AJAX

AJAX Scripts - Tab Module - Closeable Implementation

14. Contenido de pestañas en AJAX

AJAX Scripts - Dynamic Drive DHTML Scripts- Ajax Tabs Content script

15. Contenido de pestañas en AJAX

AJAX Scripts - Ajax Lessons » Ajax Workshop 2: Building Tabbed Content

16. MooTabs – Clase tiny tab para MooTools

AJAX Scripts - MooTabs - Tiny tab class for MooTools

17. Artículos cargados dinámicamente

AJAX Scripts - Dynamically loaded articles

Fecha en AJAX, Hora, Calendarios

18. Herramienta generadora de fecha en AJAX – Selección intuitiva de Fecha

AJAX Scripts - Datetime Toolbocks - Intuitive Date Input Selection

19. Calendarios en AJAX

AJAX Scripts - RibosoMatic » 10 calendarios con PHP, CSS y Javascript

Elementos interactivos en AJAX

20. Ventanas flotantes en AJAX

AJAX Scripts - Prototype Window Class : Introduction

21. AJAX Star Rating Bar

AJAX Scripts - Masuga Design » Unobtrusive AJAX Star Rating Bar

22. Encuestas en AJAX

AJAX Scripts - Ajax poller

Suite para desarrolladores en AJAX

23. AJAX HistoryManager, Paginación

AJAX Scripts - digitarald » HistoryManager

24. Sistema de login en AJAX

AJAX Scripts - AJAX Login System Demo

25. Cargador en AJAX

AJAX Scripts - Javascript image preloader

26. Tooltips en AJAX

AJAX Scripts - Nice Titles revised | Blog | 1976design.com

27. Tooltips con AJAX, JavaScript y CSS

AJAX Scripts - 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

28. Controles web en AJAX

AJAX Scripts - Pageproperties test page

29. AJAX syntaxhighlighter

AJAX Scripts - syntaxhighlighter - Google Code

30. Formulario de inscripción en AJAX estilo GMail

AJAX Scripts - Cyber Dummy - Web Developer

31. Chequeador de nombre de usuario en AJAX estilo Gmail

AJAX Scripts - Gmail Style Check Username AJAX

32. Mensaje transparente

AJAX Scripts - Transparent Message

33. ModalBox — Una forma fácil para crear ventanas y asistentes

AJAX Scripts - ModalBox — An easy way to create popups and wizards

34. Barra de progreso de subida de archivos en AJAX

AJAX Scripts - CakeTimer - Demo Page | An Ajax file uploads progress bar

35. Cajas de selección en JAX

AJAX Scripts - Chained select boxes

36. Agregar a la cesta

AJAX Scripts - Fly to basket

37. Señal de llave de eventos en AJAX

AJAX Scripts - Signal Example

38. Deshabilitar formulario de envío cuando se presione ENTER

AJAX Scripts - AS Workshop » Disable form submit on enter keypress

Soluciones en AJAX

39. Terminación instantánea en AJAX: Rico Framework

AJAX Scripts - Rico

40. Novemberborn: Caché de eventos

AJAX Scripts - Novemberborn: Event Cache

41. Alterando atributos de clases de CSS con JavaScript

AJAX Scripts - Altering CSS Class Attributes with JavaScript

42. SFunción de selección de Checkboxes en JavaScript

AJAX Scripts - Select Some Checkboxes JavaScript Function

43. Gráficos de empresas con AJAX : 100% JavaScript puro

AJAX Scripts - Emprise JavaScript Charts :: 100% Pure JavaScript Charts

44. amCharts: Flash Pie y Donut chart totalmente editables

AJAX Scripts - amCharts: customizable flash Pie & Donut chart

45. PJ Hyett : Efectos Lightbox sin Lightbox

AJAX Scripts - PJ Hyett : The Lightbox Effect without Lightbox

Formularios con AJAX

46. Formulario de subida de archivos con AJAX

AJAX Scripts - digitarald.de » Playground - Widget Birthplace

47. Formulario de contacto en AJAX

AJAX Scripts - An AJAX contact form

48. Otro formulario de contacto en AJAX

AJAX Scripts - AJAX contact form

49. Ajax.Form: Mootools demo

AJAX Scripts - mootools demos - Ajax.Form

50. Formulario de validación en AJAX

AJAX Scripts - Ajax form validation

51. Campo de validación en AJAX

AJAX Scripts - Really easy field validation * Dexagogo

52. AJAX fValidate: Una herramienta para formularios de validación en javascript.

AJAX Scripts - fValidate | Type Reference | A high quality javascript form validation tool

53. Formulario de inscripción vía e-mail con AJAX

AJAX Scripts - Ajax newsletter form

54. wForms: Una extensión en javascript para formularios web.

AJAX Scripts - wForms - A Javascript Extension to Web Forms - The Form Assembly - The Form Assembly

Tablas y grids en AJAX

55. Grids de datos con AJAX, DHTML y JavaScript

AJAX Scripts - Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

56. Ejemplo de Grid3

AJAX Scripts - Grid3 Example

57. Script en AJAX para ordenar tablas

AJAX Scripts - frequency decoder | Unobtrusive Table Sort Script (revisited)

58. Tablas ordenables en AJAX: Con MochiKit

AJAX Scripts - Sortable Tables from Scratch with MochiKit

59. AJAX TableKit

AJAX Scripts - TableKit

Lightboxes con AJAX, Galerías y Efectos

60. 30 Scripts para galerías, presentaciones y lightboxes

AJAX Scripts - 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

61. AJAX LightBox, Sexy Box, Thick Box

AJAX Scripts - NoFunc · Sexy Box · Javascript

62. AJAX Lightbox JS

AJAX Scripts - Lightbox JS

63. AJAX GreyBox

AJAX Scripts - Orangoo Labs - GreyBox

64. SmoothGallery: Mootools Mojo para imágenes

AJAX Scripts - JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery

65. Librerías y frameworks de AJAX

AJAX Libraries and Frameworks | Smashing Magazine

Efectos visuales, Animación

66. Cómo crear comentarios estilo Digg con Javascript y CSS

AJAX Scripts - Firblitz: Re: How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

67. Cómo crear un DIV colapsable con Javascript y CSS

AJAX Scripts - Harry Maugans » How to Create a Collapsible DIV with Javascript and CSS

68. Cómo crear un DIV colapsable, animado y desplazable con Javascript y CSS

AJAX Scripts - Harry Maugans » How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

69. AJAX Shopcart

AJAX Scripts - script.aculo.us - web 2.0 javascript demos

70. Contenido arrastrable

AJAX Scripts - Dragable content

71. Cajas RSS arrastrables

AJAX Scripts - Dragable RSS boxes

72. Efecto AJAX pull down: Rico Framework

AJAX Scripts - Rico

73. AJAX Animation Effects: Rico Framework

AJAX Scripts - Rico

74. Combinación de efectos en Scriptaculous

AJAX Scripts - Combination Effects in scriptaculous wiki

75. Transición de movimiento en AJAX: Fx.Morph

AJAX Scripts - mootools demos - Fx.Morph

Javascripts útiles

76. 9 Javascripts que no debes perderte !!

AJAX Scripts - 9 Javascript(s) you better not miss !!

77. Top 10. JavaScript para todos los tiempos

AJAX Scripts - Top 10 custom JavaScript functions of all time

78. Otra colección de JavaScript

AJAX Scripts - Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

79. JavaScript: Top 10. Los más útiles

AJAX Scripts - Hyperdisc Materials: JavaScript: Top 10: Top 10 Most Useful JavaScripts

80. Javascripts para diseñadores

AJAX Scripts - My Favorite Javascripts for Designers: Blakems.com ?

Galerías, Recursos

81. MiniAjax.com: Scripts en DHTML y AJAX bien bonitos listos para descargar.

AJAX Scripts - MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts

82. Ajax Rain: Ejemplos en AJAX.

AJAX Scripts - Ajax Rain

83. Max Kiesler – mHub : AJAX y Rails, ejemplos y guías

AJAX Scripts - Max Kiesler - mHub : Ajax and rails examples & how-to's

84. Recursos en AJAX

AJAX Resources

85. DZone Snippets: Ordena y comparte código fuente.

AJAX Scripts - DZone Snippets: Store, sort and share source code, with tag goodness

[Vía SmashingMagazine]

Post relacionados

Posts populares


3 Trackbacks

1
12.10.08
Recursos para aprender a programar en AJAX (Asynchronous JavaScript And XML) – The n4gash Blog

[...] Por otro lado, os paso un interesante enlace con más de 80 recursos para desarrolladores AJAX. [...]

2
12.10.08
Recent Links Tagged With “amcharts” – JabberTags

[...] amCharts – Another flash based charting solution Saved by Turkeybellyboy on Thu 16-4-2009 85 soluciones AJAX para desarrollo profesional. Saved by greatplay on Sun 05-4-2009 Flash charting software list Saved by jaspervoskuilen on Thu [...]

3
12.10.08
70 técnicas JavaScript profesionales + tutoriales avanzados. | Webizzima

[...] y b) haciendo uso de las técnicas JavaScript correctas. Felizmente en este sitio ya se agrupó una gran serie de técnicas JavaScript tiempo atrás para tu deguste, hoy es tiempo para proporcionarte 75 nuevas razones para [...]

5 Respuestas

12.10.08

Muy buena lista de recursos, pero no se, frecuentemente me sucede que se quedan a medias con lo que verdaderamente requiere mi aplicacion por lo que 90% de la ocaciones termino programando mi propio recurso, como dias atras me paso con un plugin de jquery para editar insito… Termine programando mi propio plugin…

Pero bueno no dudo que en algun moment para algo sencillo me sirvan… Saludos y sigue compartiendo

12.10.08

Gracias, quería darte la enhorabuena por esta recopilación de links. Muy buena ;)

Salu2

12.10.08

No Juanjo, las gracias van hacia ti por llegarte por este blog que recién está naciendo pero que, gracias a importantes convenios que estoy haciendo y logrando, pues el contenido que se muestra y que se irá mostrando será con la misma profesionalidad, solidez y extensión que el presente aquí. Solo te pediré un favor y es que le comentes a tus amigos sobre el sitio.

Tengo un proyecto en mente con editores amigos mios con los cuales, junto con el crecimiento de los usuarios y las visitas, crearé toda una gama inmensa de posts llenos de conocimiento.

No me gusta escribir por escribir, soy de los que se documenta a fondo antes de postear y exploro la web en busca de todo constantemente.

Saludos.

12.10.08

Muchas gracias por los ejemplos documentados en esta pagina, la verdad es que son muy buenos y funcionales…

12.10.08

Gracias por la lista, excelente para desarrollar un buen sitio, ya implementé el ModalBox, estan muy buenas todas.

Un cinco al artículo si tuviera la posibilidad de votar ;)

Deja tu respuesta

* Nombre, Email, Se requieren comentarios