Los heatmaps son muy útiles para ver qué zonas de nuestras webs atraen la atención de los usuarios. Esta función de Javascript permite mostrar en tiempo real el heatmap que se va produciendo gracias a Javascript y el elemento HTML de Canvas.
Category Archives: Quicklinks
Mejora la velocidad de tu página usando flush()
El buffer de PHP permite almacenar la salida de PHP para enviarla en bloques de cierto tamaño. Una forma de forzar el envío del buffer es usando el método flush(). Es interesante usar este método justo detrás de la cabecera del documento HTML, ya que cuando se envía el head el navegador puede empezar a descargar CSS, javascripts, iconos, …
Close Pixelate: pixela imágenes con HTML5
Close Pixelate es un script que convierte una imagen en su correspondiente pixelada haciendo uso de HTML5 y canvas. Se le pueden indicar las siguientes opciones: resolución, forma del pixelado, tamaño, desplazamiento y canal alpha
Su uso es tan sencillo como ejecutar lo siguiente:
var docReady = function() {
document.getElementById('portrait-image').closePixelate([
{ resolution : 24 },
{ shape : 'circle', resolution : 24, size: 16, offset: 12, alpha: 0.5 }
]);
};
window.addEventListener( 'DOMContentLoaded', docReady, false);
Vía / WebAppers
Manipular vídeos con HTML5 y canvas
Increíbles ejemplos de cómo manipular vídeos en directo aplicando filtros gracias a HTML5 y canvas. Los ejemplos nos muestra cómo se reproduce un vídeo y se muestra el mismo vídeo con efecto de escala de grises o detección de contornos. Realmente increíble.
Cómo hacer un lector de feeds con jQuery Mobile
Completísimo tutorial que nos explica cómo realizar un lector de feeds usando jQuery Mobile (que actualmente está en versión alpha). Cuyas características son las siguientes:
- Mostrar lista de feeds con sus logos
- Mostrar el feed cuando se hace click
- Crear los estilos para los artículos
- Crear un icono Apple-touch para que el usuario pueda añadir la aplicación a su teléfono
- Usar YQL para obtener los datos del feed
- Caché básico
Hacer un botón de ‘Ver código fuente’
Ejemplo bastante completo que nos explica cómo hacer un botón que nos permite mostrar el código fuente mediante javascript y CSS.
Calcular distancias en PHP
Función PHP que calcula la distancia entre dos puntos usando latitudes y longitudes. Devuelve los datos en millas, kilómetros y millas naúticas.
Vía / DZone
WebP: formato de imagen de Google
Google ha desarrollado un nuevo formato de compresión de imagenes llamado WebP (se pronuncia “weppy”). Es para imágenes de estilo fotográfico y en la galeria de ejemplos de comparación, la calidad es la misma o superior con un tamaño de imágenes menor…
Nueva AWS SDK for PHP
La gente de Amazon ha sacado una nueva SDK PHP para AWS que puede ser usada para acceder a los servicios que ofrece: Amazon Elastic Compute Cloud (EC2), the Amazon Simple Storage Service (S3), Amazon CloudFront, Amazon CloudWatch, Amazon SimpleDB, Amazon Simple Notification Service (SNS), Amazon Simple Queue Service (SQS) y Amazon Identify and Access Management (IAM).
Tratar datos binarios en PHP
Método sencillo para leer cabeceras binarias de imágenes GIF o JPEG u otros ficheros guardados en binario…