Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Roundups

20 efectos AJAX más excelentes que debes conocer

by
Read Time:5 minsLanguages:

Spanish (Español) translation by Valentino (you can also view the original English article)

En octubre, te sorprendimos con 20 excelentes efectos de Ajax que debes conocer. La publicación se convirtió en una de las más populares jamás publicadas en Nettuts +. Esta vez tenemos veinte efectos Ajax igualmente excelentes para que te conozca y te ame.

1. Menú de imagen

El menú de imágenes es una pieza simple de JavaScript que usa imágenes para crear un menú de imágenes horizontal. Cuando pasas el cursor sobre los enlaces, la imagen se expande y muestra el resto de la imagen. Es compatible con casi todos los navegadores modernos (no hay información sobre IE 8).

2. ImageFlow

ImageFlow es un script de galería de imágenes JavaScript discreto y "fácil de usar". Cuenta con una elegante barra de desplazamiento para navegar a través de las imágenes, y todas las imágenes se colocan sobre un reflejo, creando un efecto de flujo de cobertura similar al de Mac.

3. Instant.js

Si estás buscando agregar algunos fondos interesantes, rotaciones y otros efectos a las imágenes, Instant.js podría ser justo lo que estás buscando. El JavaScript se degrada con gracia, por lo que los navegadores que no tienen JavaScript habilitado no notarán la diferencia.

4. Glassbox

Todos hemos oído hablar de Lightboxes e incluso Greyboxes, pero ¿qué hay de GlassBoxes? GlassBox es una biblioteca de interfaz que se basa en Scriptaculous y Prototype.  La ingeniosa biblioteca agregará bordes brillantes y otros efectos similares a flash. Es fácil de usar, modificable e incluso tiene carga dinámica de contenido.

5. Campo de búsqueda CSS / JS

Los campos de búsqueda de autocompletar son muy valiosos cuando se trata de la interacción del usuario. A veces, el buscador no sabe exactamente lo que está buscando, por lo que cualquier cosa que ayude al usuario a encontrar exactamente lo que quiere es un gran beneficio.

CSSGlobe tiene un tutorial muy agradable sobre cómo mejorar el campo de búsqueda de tu sitio (discretamente, nada menos) con un poco de CSS y Ajax.

6. Protoload

La carga de imágenes y campos es importante para las aplicaciones web modernas que utilizan Ajax. Protoload ofrece algunas opciones integradas para ayudar a mostrar al usuario lo que está sucediendo mientras espera.  El script ofrece muchas opciones, como superposiciones de colores para cargar elementos, texto personalizado y muchas otras opciones.

7. jwysiwyg

jwysiwyg es un complemento JavaScript jQuery WYSIWYG simple, potente y extremadamente ligero. El complemento tiene muchas de las características estándar de los editores WYSIWYG y solo tiene un tamaño total de 7 kb.

8. jquery.biggerlink 2

Bigger link 2 es realmente un complemento simple que facilita los enlaces más grandes y en los que se puede hacer clic. Incluso te permite incrustar enlaces dentro de elementos vinculados, si eso tiene sentido. (Consulta las demostraciones para obtener más claridad).

Bigger Link 2 se ejecuta en el popular marco de JavaScript jQuery.

http://www.ollicle.com/eg/jquery/biggerlink2/#eg

9. jQuery Tag Suggestion

Las sugerencias de etiquetas son un uso popular de Ajax en las aplicaciones web modernas.   Al igual que los cuadros de búsqueda de autocompletar, el complemento jQuery Tag Suggestion es un complemento fácil de usar que brinda a cualquier aplicación que use etiquetas una forma de encontrar rápidamente la etiqueta adecuada. Un impulso simple pero efectivo en la experiencia del usuario.

10. Facebox

Facebox es un script de caja de luz único que imita el estilo de caja de luz de las ventanas modales de Facebook. Construido sobre jQuery, Facebox se ve y se siente casi exactamente como la interfaz de Facebook, y también es fácil de instalar.

11. Humanized Messages

Humanized Messages es un ingenioso complemento de jQuery que hace lo que su nombre indica: crea mensajes amigables para el usuario. El complemento de JavaScript hace esto mediante la creación de un mensaje translúcido en la pantalla y se desvanece suavemente con el tiempo.

12. LightWindow v2.0

LightWindow es otro complemento de Lightbox, pero agrega algunas funciones que los complementos de este tipo parecen omitir. Para empezar, el complemento permite reproducir y usar multimedios dentro de las cajas de luz.  Dentro de LightWindow se pueden mostrar películas, imágenes e incluso galerías completas. Perfecto para mostrar contenido multimedia de forma discreta.

13. Unobtrusive Table Actions

Los datos de la tabla suelen ser difíciles de mostrar de forma eficaz, especialmente cuando deseas permitir la clasificación de filas y columnas.  Las acciones de tabla discretas son un JavaScript que permite colocar diferentes efectos en los datos de la tabla. Resaltar filas, columnas, ordenar datos y mucho más se puede hacer con la ayuda de este pequeño script.

http://www.frequency-decoder.com/demo/table-actions/

14. jQuery checkbox

La casilla de verificación de jQuery agrega un poco de estilo a los campos de casilla de verificación en los formularios. Agrega un botón de alternancia muy similar al de la interfaz del iPhone, dando un encendido o apagado muy distintivo.  Es excelente para la usabilidad, y la máscara dinámica se puede activar o desactivar sobre la marcha.

15. iCarousel

Los carruseles son una excelente manera de rotar contenido como imágenes o noticias. El complemento iCarousel encaja perfectamente como un script pequeño y simple que ofrece todo tipo de opciones de configuración y usos. Tickers de noticias, carruseles de fotos o incluso un carrusel de anuncios.

16. MochaUI

MochaUI es otra biblioteca de interfaz de usuario para el marco de JavaScript MooTools. MochaUI esencialmente crea una interfaz de usuario completa para sitios web, formularios y widgets. Incluye un explorador de archivos, cambio de tamaño de ventana, diseños de paneles, diseños con pestañas y mucho más.

17. jTip

jTip es un concepto simple, pero muy efectivo para mejorar la funcionalidad de hovertip. Basado en jQuery, jTip simplemente agrega un elegante cuadro flotante a los enlaces preconfigurados en una página, todo con la ayuda de algunos Ajax.

18.Uni-Form

Los formularios han sido durante mucho tiempo el foco de problemas para muchos desarrolladores web a lo largo de los años, y tecnologías como Ajax han ayudado enormemente a la experiencia del usuario. Con Ajax, puedes procesar formularios en tiempo real, validarlos y enviar respuestas sin necesidad de volver a cargar la página.  Uni-Form es un pequeño script Ajax que es un concepto plug-in-play que intenta estandarizar el marcado de formularios con XHTML y modularizar el formulario, de modo que los elementos individuales se puedan agregar o eliminar fácilmente.

19. Validation Hints

Validation Hints es un script simple que ayuda en la validación de formularios. Se asegura de que los campos de contraseña y nombre de usuario tengan la longitud especificada e incluso se pueden validar con expresiones regulares. Pequeño y manejable.

20. Control Tabs

Control Tabs, (parte de la robusta interfaz de usuario de LivePipe), es un guión dulce que ofrece muchas formas diferentes de configurar las pestañas en una página.  Puedes usar la interfaz estándar con pestañas, o incluso usar algo como imágenes para mostrar pestañas también. Control Tabs es un script robusto e incluso tiene una API que puedes usar para ajustar tus interfaces con pestañas.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.