Sentido Web » Quicklinks

Heatmap en tiempo real con Javascript y Canvas

displaynone — Tue, 09 Nov 2010 19:52:01 +0000

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.

Real-time heatmap example with Javascript and HTMLCanvas

Post originalVía / WebAppers

Mejora la velocidad de tu página usando flush()

displaynone — Wed, 03 Nov 2010 21:33:22 +0000

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, …


 flush(); ?>

Speed Up Your Website with PHP Buffer Flushing

Close Pixelate: pixela imágenes con HTML5

displaynone — Wed, 20 Oct 2010 17:25:18 +0000

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);

Close Pixelate

Vía / WebAppers

Manipular vídeos con HTML5 y canvas

displaynone — Wed, 20 Oct 2010 16:16:24 +0000

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.

Post original

Cómo hacer un lector de feeds con jQuery Mobile

displaynone — Tue, 19 Oct 2010 10:50:57 +0000

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

Post original

Hacer un botón de ‘Ver código fuente’

displaynone — Fri, 15 Oct 2010 08:15:34 +0000

Ejemplo bastante completo que nos explica cómo hacer un botón que nos permite mostrar el código fuente mediante javascript y CSS.

Post original

Calcular distancias en PHP

displaynone — Fri, 08 Oct 2010 07:50:22 +0000

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.

Post original

Vía / DZone

WebP: formato de imagen de Google

displaynone — Sat, 02 Oct 2010 20:33:07 +0000

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…

Post original

Nueva AWS SDK for PHP

displaynone — Wed, 29 Sep 2010 17:21:58 +0000

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

Post original

Tratar datos binarios en PHP

displaynone — Mon, 27 Sep 2010 07:23:19 +0000

Método sencillo para leer cabeceras binarias de imágenes GIF o JPEG u otros ficheros guardados en binario…

Post original