5 características que se echan de menos en las webs

ByLuis

Leo en SigT 5 características que se echan de menos cuando se visitan algunas páginas web. Podría haberla puesto dentro de los Quicklinks, pero como no puedo estar más de acuerdo con lo que dice, prefiero crear una entrada y ya de paso, con el permiso del autor, dar un par de comentarios personales:

  • Formulario para darse de baja: como no suele haber, lo mejor es tener una cuenta de correo especial para darse de alta, porque suele ser necesaria una cuenta de correo y de paso te mandan un email con un código de activación.
  • Elegir entre formularios paso a paso o avanzados
  • Una funcionalidad mínima en los vídeos hechos con Flash: ¿Qué diferencia hay entre el pause y el stop?, normalmente le doy al pause para que se vaya descargando el video y luego verlo de seguido y no sufrir parones por la conexión. Sin embargo, cuando le doy al stop porque el video no me interesa, se sigue bajando, con lo cual el ancho de banda sufre, y el problema es que si estoy en un blog, no me apetece cerrar la ventana para que pare de bajarse y volver a abrir la página para seguir leyendo el resto de las entradas.
  • Una menor complejidad en las páginas oficiales: sobre todo en los ministerios, yo creo que lo hacen a proposito para que prefieras ir a preguntar a la ventanilla y verles “trabajar”. Hay un recurso de imágenes y sonidos en el Ministerio de Educación y Ciencia que jamas soy capaz de encontrar si entro directamente en la web del ministerio.
  • Que el webmaster tenga un poco de sentido común: yo incluso lo usaría para los clientes que nos obligan a hacer cada cosa…

5 características que se echan de menos en las webs

Similar Posts

|

Clipping de vídeo usando HTML5 y SVG en Firefox4

ByLuis

La verdad es que Firefox4 está de lujo, y las demos que ofrece Mozilla son increíbles. De una de ellas he sacado cómo hacer clipping en vídeos usando HTML5 y la posibilidad de incrustar SVG (sólo funciona en Firefox4).

El método es sencillo, tengo un SVG que muestra el contorno y los botones de play y pausa, además tiene un clipPath que se usará para el estilo clip-path del vídeo:

SVG

Vídeo

Javascript

var play = document.getElementById('play');
var pause = document.getElementById('pause');
var video = document.getElementById('video');
play.addEventListener('click', function() {
    play.style.display = 'none';
    pause.style.display = 'block';
    video.play();
  }, true);  
pause.addEventListener('click', function() {
    play.style.display = 'block';
    pause.style.display = 'none';
    video.pause();
  }, true);  
video.addEventListener("ended", function() {
    play.style.display = 'block';
    pause.style.display = 'none';
    video.pause();
  }, true);

El vídeo es el mismo que el de la demo de Mozilla, he puesto el borde semi-transparente para que se vea el clipping como va.

Demo

Vía / Project London Trailer

Lista de recursos para desarrollar aplicaciones para Facebook

ByLuis

Facebook es una aplicación que está muy de moda en estos momentos (no entiendo por qué) y aunque su desarrollo no es muy complicado, obtener la información de cómo hacer las cosas y encontrar algo en su documentación puede ser algo difícil. Su Wiki es un horror, los ejemplos escasos y los foros no muy útiles. Por ello, quien necesite encontrar ejemplos y tutoriales puede venirle bien esta lista:

Vía / Got Ads?

Crea ‘destacados’ sin duplicar texto

ByLuis

Entendemos destacados como esa parte de un artículo de especial interés que se repite en otra parte del artículo y que se resalta. Quizás otra alguien de periodismo lo podría definir de otra forma o llamarlo de distinta manera, pero creo que con la imagen siguiente nos entenderemos todos.
destacados.png
En 456 Barea Street nos ofrecen un javascript para realizarlo directamente sin necesidad de duplicar el texto.

La forma de realizarlo es sencillo, marcas el texto que quieres resaltar entre un elemento span, que tenga un estilo específico. Después tan solo tenemos que obtener esta etiqueta, hacer una copia de su contenido, crearnos una capa que tenga el estilo float con valor left, incluir la capa nueva antes del padre del texto original, y ya está, tenemos el texto destacado resaltado sobre el texto normal.

Automatic pullquotes with JavaScript and CSS

Vía / Site Point

Intentando definir la Web 2.0

ByLuis

Interesante artículo que intenta definir qué es la Web 2.0 o cómo conseguir crear nuestra propio diseño 2.0, algo que puede ser muy abstracto. Unas cuantas características que se suelen encontrar en los sitios que definimos como Web 2.0:

  • Debe ser limpio, claro y debe usar un diseño en columnas.
  • El fondo debe ser blanco y muy claro, e incluso usar degradados de color claro al blanco.
  • Esquinas redondeadas, ya sea redondeando una sola esquina, redondeando esquinas alternas o redondeando todas menos una.
  • La letra debe ser grande, clara y preferiblemente Sans-Serif.
  • Imágenes con reflejos redondeados y uso de iconos.
  • Colores pasteles, fondos suaves y usando con cuidado los colores oscuros.

Design for 2.0

Vía / Vecindad Gráfica

|

Scale-out vs Scale-up

ByLuis

In this post I'll cover the difference between multi-core concurrency that is often referred to as Scale-Up and distributed computing that is often referred to as Scale-Out mode.  more.. Source: Scale-out vs Scale-up (http://www.dzone.com/links/r/scaleout_vs_scaleup.html) by Nati Shalom …

Post original

HAProxy: proxy para mejorar el rendimiento

ByLuis

HAProxy es un proxy gratuito, con balanceo de carga y que soporta decenas de miles de peticiones. Además de tener un gran rendimiento, permite tener un control de concurrencia, esencial cuando tenemos demasiadas peticiones que nuestro sistema no puede soportar, y en vez de saturar el sistema y dar un mal servicio a todo el mundo, podemos limitar el número de peticiones para que al menos una parte de los usuarios sí reciban el servicio adecuado.

HAProxy

Vía / SaaS Interrupted