Lightbox2 es una librería gratuita de Javascript escrita por Lokesh Dhakar que permite desplegar imágenes al mejor estilo Web 2.0, en la cual se presenta un popup central en la página.

La librería es muy sencilla de utilizar, y además super liviana.

Puede encontrarse aquí un ejemplo de cómo utilizarla (en inglés).

Off The Topic: Más allá de la librería de Javascript, resulta interesante pasar por el blog de Lokesh en el cual presenta varios artículos un poco atípicos que despiertan curiosidad. Y sino, mirar Cafés…

Armar una tabla con PHP puede resultar muy fácil, ya sea extrayendo datos de alguna base de datos o con información estática.

Ahora bien, a la hora de permitir ordenar dicha tabla según alguna columna en particular o algún criterio, puede resultar un poco más complicado.

En Internet se pueden encontrar muchos ejemplos, con distintos enfoques o métodos (ya sean mediante AJAX, Javascript, basada en cliente o basada en servidor, etc.).

En Frequency-Decoder se presentó un artículo que resulta muy interesante a la hora de armar una de estas tablas ordenadas, y su presentación resulta muy atractiva a simple vista:

Puede verse una demo del Script de Table Sort aquí, o sino leer el artículo de Table Sort completo. Aquí, como podrá observar se hace fuerte uso de Javascript para presentar una solución que a nuestro entender resulta elegante.

En más de un proyecto Web es requerido incluir una galería de fotografías, ya sean de productos, referentes a portfolio de trabajos, imágenes o fotos de cualquier otro tipo.

Existe una amplia gama de opciones para tal propósito, en particular open-source podemos encontrar varias opciones.

E2PhotoGallery es un producto de E2Interactive que permite fácilmente crear un álbum de fotografías en la web, administrable via PHP o que cargue fotografías desde un directorio.

Highslide también es otro producto interesante, y gratuito para uso personal, pero para uso comercial se debe comprar una licencia.

En esta primer entrega de coleccionables de utilidades AJAX que casi siempre son de mucha ayuda al momento de encarar un nuevo proyecto web.

• Transparent Message.
• Prototype Window. Distintos diseños de ventanas emergentes al navegador web en AJAX.
• Form Field hints. Validadores y ayuda en línea para formularios web.
• Loading Symbols. Una colección de símbolos de “Loading…” o “Cargando…” para usar en sus aplicaciones web.
• Color Picker. Selector de colores similar al utilizado en Photoshop pero para web con Javascript.
• JSValidate. Permite validar formularios de manera muy sencilla mediante tags CSS y Javascript.
• Rating Stars. Las típicas estrellas de Rating, implementadas al mejor estilo AJAX.
• Control Suite. Una serie de widgets AJAX muy profesionales entre los que se encuentran: ventanas modal, tabs, selectores múltiples, área de texto, etc.

Tags: AJAX, Javascript, Utilidades Web, Diseño Web

A continuación hacemos referencia a una lista de scripts realmente profesionales para agilizar el desarrollo de interfaces AJAX, aportando al diseño y la usabilidad de sitios web.La lista fue publicada en en Smashing Magazine.

AJAX Auto Completer

1. AJAX AutoSuggest

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

AJAX Instant Edit

6. AJAX inline text edit 2.0

7. AJAX & CSS Flickr-like Editing Fields

8. AJAX Instant Edit

AJAX Menus, Tabs

9. 14 Tab-Based Interface Techniques

10. AJAX Menu Widget

11. AJAX Accordion Navigation

12. AJAX Dialogs, Menus, Grids, Trees and Views

13. AJAX Tab Module - Closeable Implementation

14. Ajax Tabs Content

15. AJAX Tabbed Content

16. MooTabs - Tiny tab class for MooTools

17. Dynamically loaded articles

AJAX Date, Time, Calendars

18. AJAX Datetime Toolbocks - Intuitive Date Input Selection

19. AJAX Calendars

AJAX Interactive Elements

20. AJAX Floating Windows

21. AJAX Star Rating Bar

22. Ajax poller

AJAX Developer’s Suite

23. AJAX HistoryManager, Pagination

24. AJAX Login System Demo

25. AJAX image preloader

26. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

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

28. AJAX Web Controls

29. AJAX syntaxhighlighter

30. GMail Ajax Style Username Signup

31. Gmail Ajax Style Check Username

32. Transparent Message

33. ModalBox — An easy way to create popups and wizards

34. AJAX File Uploads progress bar

35. Chained select boxes

36. Fly to basket

37. AJAX Key Events Signal

38. Disable form submit on enter keypress

Enhanced AJAX Solutions

39. AJAX Instant Completion

40. Novemberborn: Event Cache

41. Altering CSS Class Attributes with JavaScript

42. Select Some Checkboxes JavaScript Function

43. AJAX Emprise Charts

44. amCharts: customizable flash Pie & Donut chart

45. PJ Hyett : The Lightbox Effect without Lightbox

Ajax Forms

46. AJAX Upload Form

47. An AJAX contact form

48. AJAX contact form

49. Ajax.Form

50. Ajax form validation

51. Really easy field validation

52. AJAX fValidate

53. Ajax newsletter form

54. wForms

AJAX Grids, Tables

55. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

56. Grid3 Example

57. AJAX Table Sort Script (revisited)

58. AJAX Sortable Tables

59. AJAX TableKit

AJAX Lightboxes, Galleries, Showcases

60. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

61. AJAX LightBox, Sexy Box, Thick Box

62. AJAX Lightbox JS

63. AJAX Unobtrusive Popup - GreyBox

64. SmoothGallery: Mootools Mojo for Images | Full gallery

65. AJAX Libraries and Frameworks

Visual Effects, Animation

66. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

67. How to Create a Collapsible DIV with Javascript and CSS

68. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

69. AJAX Shopcart

70. Draggable content

71. Dragable RSS boxes

72. AJAX Pull Down Effect

73. AJAX Animation Effects

74. Combination Effects in scriptaculous wiki

75. AJAX Motion Transition

Useful Basic JavaScripts

76. 9 Javascript(s) you better not miss !!

77. Top 10 custom JavaScript functions of all time

78. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

79. JavaScript: Top 10 Most Useful JavaScripts

80. My Favorite Javascripts for Designers: Blakems.com ?

Galleries, Resources

81. MiniAjax.com: (hace un tiempo lo comentaba)

82. Ajax Rain

83. Max Kiesler - mHub : Ajax and rails examples & how-to’s

84. Ajax Resources

85. DZone Snippets: Store, sort and share source code, with tag goodness