Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Febrero de 2007

links for 2007-02-13

¿Matarán los widgets a las páginas web?

Parece que, el entusiasta CEO de Netvibes, Tariq Krim predice que los widgets acabarán por matar a la página web.

Widgets are killing the Webpage. It is time to go to something else. We are entering the widget economy. We are going there no matter what.

Y la verdad es que, parte de razón lleva, estamos en una época de auge de los widgets. Sin duda, son una forma sencilla de obtener y “remezclar” toda la información que tenemos dispersa por el mundo (nuestra cuentra de Flickr, Youtube, feeds de otros sitios…) y compartirla de forma sencilla con nuestros amigos.

Ahora parece que Netvibes se adentra en el mundo de las redes sociales con intención de cambiar la forma en la que conocernos, comunicarnos y compartir información.

En The Next Net publican una entrevista con Krim en la que nos muestra su visión del futuro de internet y sus nuevos planes. Además hacen un interesante análisis de la misma y de su impacto en determinados modelos de negocio.

¿Será la Web 3.0 una web de widgets? ¿O será que el CEO de Netvibes tiene las miras puestas muy altas?

Webwait: Cronometrando tu sitio web

Una de las mayores preocupaciones de los que creamos sitios web es, o debería ser, el tiempo de carga de los mismos.

Webwait es una sencilla herramienta que te permitirá hacer test a tu sitio web para conocer su tiempo medio de carga.

Define el número de llamadas a la página web que deseas hacer y el intervalo de tiempo entre las mismas.
Webwait cargará la página web en tu propio navegador tantas veces como hayas definido y calculará el promedio de los tiempos de carga.

Una sencilla forma de “cronometrar” a nuestras páginas para ver lo ágiles que están.

Enlace: Webwait - Benchmark your website

Via Uberlook

links for 2007-02-12

Crear gráficos verticales con PHP y CSS

Cuando queremos incluir gráficos en nuestros sitios web lo más común es que recurramos a imágenes, con la molestia que supone tener que rehacer la imagen y volverla a subir al servidor en cuanto se modifiquen los datos.

Para evitarse todo este engorro, e inspirado por Eric Meyer, Terrill Dent nos enseña a crear gráficos con PHP y CSS que siempre estarán al día.

Vertical Bar Graphs with CSS and PHP

El tutorial se compone de tres partes y un ejemplo de uso:

Ajax AutoSuggest v2: sugerencias automáticas para tus campos de texto

Ajax AutoSuggest

Con Ajax AutoSuggest podras facilitar la labor de introducir texto en los campos de los formularios de tu sitio.

La clase AutoSuggest
añade un menú emergente con valores sugeridos a un campo de texto. El usuario podrá o hacer click directamente sobre cualquiera de los valores sugeridos o navegar por la lista usando las flechas arriba y abajo, seleccionando las opciones con el tabulador.
Los valores de la lista de sugerencias serán extraídos de un archivo XML.

Mas información y descarga:
Ajax AutoSuggest v2

Guia breve de accesibilidad

Los siguientes consejos, extraídos de la web de la WAI, resumen los puntos clave de las directrices de accesibilidad web: WCAG 1.0

  1. Imágenes y animaciones: utiliza el atributo alt para describir la función de cada elemento visual.
  2. Mapas de imágenes: Utiliza mapas del lado del cliente y provee de alternativas de texto para cada zona activa
  3. Multimedia: Proporciona subtitulos y transcripciones del audio y descripciones del video
  4. Enlaces: Crea enlaces con texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo evita los enlaces del tipo «click aquí»
  5. Organización de la página: Usa encabezados, listas y crea una estructura coherente para tus sitios. Utiliza CSS para la maquetación y el estilo siempre que sea posible
  6. Gráficos y esquemas: Crea resúmenes o utiliza el atributo longdesc.
  7. Scripts, applets y plugins: Proporciona alternativas para los casos en que el acceso a funciones activas no esté soportado
  8. Frames: Utiliza el elemento no frames y títulos con sentido
  9. Tablas: Crea tablas que puedan ser leídas línea por línea. Haz resúmenes del contenido de las mismas.
  10. Revisa tu trabajo: Valida, utiliza las herramientas, referencias y pautas que encontrarás en http://www.w3.org/TR/WCAG/

links for 2007-02-09

Consejos para cuando te atascas con un diseño

A todos nos ha pasado alguna vez. Estás diseñando una página y, por una razón u otra, no termina de verse bien. Hay algo que no funciona y estás tan atascado que, por mucho que lo intentes, no das con lo que es.

En SEOmoz, una vez más, nos dejan unos cuantos consejos para esos momentos: 8 Web design tactics to help you when you’re stuck.

De entre todos me apunto dos:

1. Diseña del interior al exterior: Olvidate un poco de la cabecera y comienza dando forma a los elementos del cuerpo. Es mucho más sencillo diseñar la cabecera cuando ya tienes una base sólida.
….
7. No recurras siempre a los mismos trucos. Que una cosa te haya funcionado bien en el pasado no significa que tengas que utilizarla siempre. Obligate a aprender formas nuevas de hacer las cosas

links for 2007-02-08

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory