Cómo expandir fotos en miniatura con el estilo de Google Images
Google Images ejecuta una interfaz de usuario única con vistas previas en miniatura de muchos sitios web diferentes. Al hacer clic en cualquiera de estas miniaturas, se amplía la pantalla con más detalles y una imagen más grande. Esa es una de las mejores funcionalidades de galerías de imágenes que existe y ahora puedes clonarla con Gridder.js. Este plugin de jQuery gratuito sigue los pasos del increíble UX de Google creando un complemento que genera este efecto. Puedes convertir cualquier galería de fotos en una galería estilo…
Introducción a la API JavaScript Web Workers
Web Workers es una API de JavaScript que permite ejecutar scripts en un hilo separado del principal. Puede ser útil cuando no quieres tener ningún obstáculo en la ejecución de los scripts principales, debido a los scripts de fondo. Web Workers API es compatible con casi todos los navegadores; para obtener información más detallada, echa un vistazo a los documentos de CanIUse. Antes de entrar en el código, veamos un par de escenarios en los que es posible que desees utilizar esta API para que puedas hacerte una idea de lo que queremos decir con…
Creación de archivos Zip con JavaScript
Mientras hacemos cosas asombrosas con JavaScript en el lado del servidor, es importante no desviar nuestros ojos de algunas de las grandes cosas que suceden en el lado del cliente. Uno de estos proyectos que recientemente hemos descubierto es JSZip: una biblioteca JavaScript que permite generar fácilmente archivos ZIP desde el front-end. ¿Y por qué es útil? Puedes permitir a los usuarios seleccionar y descargar imágenes desde una galería o casi cualquier otra cosa. Echemos un vistazo a cómo JSZip permite generar archivos Zip estructurados desde el lado del cliente.
Notificaciones del sistema con Node.js
Las notificaciones pueden convertirse hoy en día en un recurso imprescindible o bien acabar siendo una pesadilla. Cada aplicación que se instala en el teléfono desea tener acceso a las notificaciones, al igual que las aplicaciones de escritorio, y ahora además tenemos un Web Notifications API junto con un Web Push API, esto por si no tuviéramos suficientes notificaciones. Los recordatorios de las citas de calendario son siempre bienvenidas (de lo contrario te olvidarías de casi cada evento) pero, ¿es realmente necesario que Wacky Mini Golf te…
Introducción al event Loops en PHP

Los desarrolladores de PHP siempre están esperando algo. A veces esperan peticiones a servicios remotos. Otras esperan a las bases de datos para devolver filas de una consulta compleja. ¿Sería posible hacer otra cosa durante el tiempo de espera?

Si ya has escrito algo de JS, probablemente estés familiarizado con las devoluciones de llamada y eventos DOM. Y aunque tenemos devoluciones de llamada en PHP, no trabajan de la misma forma. Eso es gracias a una característica llamada event loops.

Modernizr. Una herramienta imprescindible

Modernizr es una librería javascript que nos permite enfocar el diseño de nuestras páginas web a las capacidades del navegador, en lugar de utilizar el antiguo enfoque que consistía en detectar en qué navegador estamos, usando el userAgent.

Este enfoque tiene la ventaja de que está mucho mejor preparado ser compatible con las nuevas capacidades y mejoras que van teniendo los navegadores, de forma que nuestras páginas webs van a soportar de mucha mejor manera el paso del tiempo y van a ser funcionales siempre.

Etiquetas JavaScrip insertAdjacentHTML y beforeend
Partimos de una premisa, el DOM (estructura de objetos que genera el navegador al cargar un documento HTML) es lento. Y añadimos otra, es manipulable con JavaScript. A medida que construimos sitios cada vez más dinámicos, basados en Ajax, debemos encontrar la manera de modificar el DOM intentando crear el menor impacto en el rendimiento posible. Una manera de hacerlo es insertar elementos HTML dentro de otros de nivel superior, sin que afecten a los demás elementos que forman parte del conjunto. Para esto utilizaremos insertAdjacentHTML. El código…