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…

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…

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.

Laravel 5.4 trae consigo un nuevo compilador de assets, Laravel Mix. Este nuevo componente viene a sustituir a Laravel Elixir y viene con una potente API que permite una alta personalización del procesado de nuestro código CSS y JS de una forma rápida y sencilla.

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…

En nuestro post publicado el 2 de Mayo, te proponíamos una lista de 10 herramientas ideales -y gratuitas-  para trabajar con HTML, CSS y SASS. Siguiendo con la pauta, aquí te proponemos 8 herramientas gratuitas de Javascript que seguro te servirán.  

Para los diseñadores web es importante conocer y dominar buenas herramientas de software que faciliten el trabajo y nos permitan ahorrar tiempo, y si son gratis, mucho mejor. Aquí te listamos 10 herramientas muy útiles –y gratuitas- de HTML, CSS y SASS. Que las disfrutes!

 

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 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.

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…