Antes y después con HTML5, CSS y Javascript

Comparar imágenes es un arte muy usado para comparar calidad, proyectos, personas, etc. Este efecto se ha utilizado por mucho tiempo incluso antes del computador. Pero no fue hasta que Buzzfeed lo hizo popular en su website comparando personalidades, ciudades, etc. Pero, ¿cómo se hace este efecto y cuales otras aplicaciones podemos darle? Les voy a mostrar una de muchas formas de hacerlo. En este … Continue reading Antes y después con HTML5, CSS y Javascript

Weather script realmente simple con PHP o Javascript y JSON (Updated)

En el 2011 les compartí este artículo para obtener el estado del tiempo vía XML. En este utilizamos el API de Google Weather como fuente de datos. Hoy esta fuente solo está disponible bajo registro como developer, por lo que necesita user/AppID, etc. Pasado estos cuatro años sigo insistiendo en “keep it simple”. Por esto les traigo esta actualización con nuevas fuentes y tecnologías para … Continue reading Weather script realmente simple con PHP o Javascript y JSON (Updated)

Image resize y Watermark con PHP y GD

Muchas veces trabajamos con imágenes dinámicas en nuestros portales y paginas por lo que según la necesidad utilizamos herramientas para manejar imágenes. Muchos de estos casos es cambiar el tamaño de la imagen o foto de manera automática sin necesidad de editarla con algún tipo de programa. La librería GD2 nos permite hacer maravillas desde PHP con las imágenes. En ocasiones necesitamos ademas poner marcas … Continue reading Image resize y Watermark con PHP y GD

¿Cómo convertir tu viejo website a responsive o mobile-friendly?

En un artículo anterior les he hablado de la importancia de los sitios web flexible o “responsive” debido a la alta penetración de los dispositivos móviles, principalmente los “smartphones”, lo que ha obligado a pensar “mobile first” a la hora de diseñar y programar un website. En este otro artículo anterior nos referimos a las herramientas necesarias para crear nuestro website pensando en “mobile first” … Continue reading ¿Cómo convertir tu viejo website a responsive o mobile-friendly?