unsplash-04

Slip.js: Small Script Touch optimiza listas en aplicaciones web

Slip.js no es exactamente nuevo para mí. Me topé con él hace unas semanas, pero no me impresionó a primera vista. En estos días tuve un caso de uso de la vida real y recordé vagamente a Slip.js. Ahora, después de haber trabajado en un proyecto real con la ayuda de ese pequeño script, debo admitir que Slip.js es realmente una herramienta inteligente para la creación de listas editables o, más en general, editables en aplicaciones web.

Slip.js: deslizar como deslizar puede

Slip.js proviene de las circunvoluciones cerebrales de Kornel Lesinski de Polonia. Actualmente vive en Londres, maneja la cuenta de Twitter Kornel y un sitio web llamado Pornel. Mmm. Hace su pan trabajando para el (no tan desconocido) Financial Times en su FT Lab. Aquí, Kornel trata de idear conceptos con futuro. Kornel mismo no es ajeno a la comunidad de desarrolladores. Él es la mente detrás de excelentes optimizadores de imágenes como ImageOptim, ImageAlpha y pngquant. Sin embargo, Slip.js ha superado en popularidad a todos sus proyectos anteriores en el momento de escribir este artículo.

A primera vista, Slip.js no aparece como la próxima gran cosa. Si tiene un teléfono inteligente, está acostumbrado a navegar por las listas, eliminar elementos y editarlos de forma táctil. Lo que probablemente no vemos es que estas acciones solo se pueden implementar con mayor o menor facilidad en aplicaciones nativas. Lo que hace que Slip.js sea tan especial es que trae las mismas funciones a las aplicaciones web.

Slip.js le permite deslizar los elementos de la lista de una posición a otra, eliminarlos o ponerlos en interacción. El siguiente GIF muestra lo que puede esperar:

slipjs

Deslizar hacia la izquierda y hacia la derecha puede llamar a más funciones, como compartir o eliminar. Slip.js usa eventos DOM personalizados, lo que hace que todo sea bastante eficiente desde el punto de vista del código. El script no tiene dependencias de ningún tipo y no necesita nada más que estar incrustado en sus páginas para el conjunto completo de funciones.

Slip.js tiene una licencia BSD y es de uso completamente gratuito para cualquier propósito legal que persiga. Se ejecuta en todos los navegadores móviles relevantes, a saber, iOS Safari, Firefox Mobile, Chrome Mobile y ambas versiones de Opera Mobile.

El guión no es perfecto, todavía. Las actualizaciones traerán desplazamiento mientras se arrastra al final de la ventana gráfica, mostrando la interfaz de usuario detrás del elemento de la lista arrastrada y demoras y animaciones configurables. Ya veremos…

enlaces relacionados


#Slipjs #Small #Script #Touch #optimiza #listas #aplicaciones #web

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *