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…
Lo podemos hacer mejor con los móviles: diseñar para el medio

Los diseños para móviles deben hacer algo más que reducir una experiencia de escritorio a una pantalla más pequeña: deben crear experiencias innovadoras, integradas y mejoradas.

Lleva tiempo adaptarse a la creación de experiencias para un nuevo medio. Cuando se inventó la televisión, los primeros programas de televisión fueron principalmente obras de radio traducidas a un nuevo dispositivo. Se tardó un tiempo en que los programas de entrevistas, los programas de juegos, las comedias y la televisión de actualidad encontraran su lugar. Los primeros sitios web eran folletos con enlaces a otros sitios de catálogo. También llevó un tiempo para que el comercio, los blogs, el video y el contenido generado por la comunidad encontraran un lugar.

Del mismo modo muchas experiencias móviles actuales se reducen versiones reducidas de las experiencias de escritorio. Pero recuerda que los teléfonos móviles o las tablets incluyen diferentes tipos de experiencias a los ordenadores de escritorio o los portátiles. Llevamos estos dispositivos móviles muy potentes con nosotros, y los usamos en una gran variedad de contextos en muchos lugares y situaciones diversas.

Uso de Preact como una alternativa de React
Preact es una implementación del paradigma del componente DOM virtual al igual que React y muchas otras bibliotecas similares. Pero a diferencia de React, tiene sólo 3kb de tamaño, y también lo supera en términos de velocidad. Fue creado por Jason Miller y está disponible bajo la conocida licencia permisiva y de código abierto MIT. ¿Por qué usar Preact? Preact es una versión ligera de React. Preferirás usar Preact como una alternativa ligera si deseas crear vistas con React y el rendimiento, la velocidad y el…
Introducción a los puntos Snap de desplazamiento CSS

El CSS Scroll Snap Module es un estándar web que nos da un cierto control sobre el desplazamiento en una página web para que podamos hacer que los usuarios se desplacen a partes concretas de una página en lugar de a cualquier lugar.

El desplazamiento es una de las acciones más realizadas en un sitio web. Los navegadores, a través de los años, han mejorado su rendimiento de desplazamiento para adaptarse a la fuerza y agilidad de los dedos de los usuarios. Y los desarrolladores han utilizado el desplazamiento de forma creativa para lograr una experiencia de usuario mejor.

Sin embargo, cuando se trata de la correlación entre codificación y desplazamiento, sólo JavaScript parecía tener todo el control sobre el desplazamiento. Esto fue así durante un largo período de tiempo, pero con la introducción de los puntos de desplazamiento snap, el CSS comenzó a ponerse al día.

Envolver respuestas de API REST en Json con Lumen
A la hora de desarrollar un servicio web con PHP, una opción interesante a elegir entre de los diferentes frameworks disponibles es Lumen. Se trata del “hermano pequeño” de Laravel, y dispone de la mayoría de las funcionalidades propias de éste, omitiendo las correspondientes al frontend. Es este el framework usado para este artículo. En una aplicación REST la base es devolver representaciones (ya sea en XML, Json, u otros formatos) de objetos, o listados de éstos. Así, por ejemplo, en una aplicación de coches, una…
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.
Imágenes pequeñas en pantallas grandes: escalar de móvil a escritorio

Si una imagen funciona bien en una pantalla pequeña, piensa en cómo crecerá y cambiará para llenar el espacio en un monitor más grande. Considera el espacio relativo de la pantalla y la densidad de la información, prestando mucha atención al recorte, escalamiento y a las proporciones. Muestra más cosas, no sólo las cosas más grandes.

Los sitios web suelen diseñarse con un enfoque orientado al móvil primero o un acercamiento focalizado en el móvil. Sin embargo, los sitios optimizados para móviles no siempre se trasladan bien a pantallas más grandes. Esas pantallas más grandes pueden ser tabletas, ordenadores portátiles o incluso monitores de 30 pulgadas con resolución de 4K. Los usuarios de estos dispositivos de gama alta también deben ser compatibles con tu diseño.