Webmaster Libre

• Dmytro Shteflyuk’s Home » In-place file upload with Ruby on Rails
  (tags: ruby rubyonrails rails tutorial reference howto)
• ShowMeDo
  (tags: CSS firebug debug edit)
• Top 10 Ruby on Rails performance tips
  (tags: rails performance optimization tips ruby)

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?

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

• willmayo.com » CSS Speech Bubbles
  Bonitos «bocadillos» para, por ejemplo, los comentarios de tu blog.
  (tags: design templates CSS bubbles corners)
• 72 dpi In the Shade » 10 CSS Tips from a Professional CSS Front-End Architect
  (tags: CSS tutorials)
• El almacenamiento DOM y las Web Applications 1.0 | aNieto2K
  (tags: DOM WebApplications1.0)
• How To Choose A Domain Name - lifehack.org
  (tags: domain names)
• » Free Photoshop Brushes - Photoshop Tutorial
  Brochas gratis para Photoshop - de convertirlas a formato de Gimp os encargais vosotros -
  (tags: graphics resources photoshop brushes)

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:

• Creating the list with PHP (creando la lista con PHP)
• Styling the graph with CSS (dando estilo al gráfico con CSS)
• Advanced styles (estilos avanzados)

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

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/

• Ajaxian » So you want to write Javascript for a living?
  (tags: javascript articles)
• PHPDeveloper.org: Community News: PHP 5.2.1 Released
  (tags: php5.2.1)

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

• Detailed Guide On Arrays In PHP | HowtoForge - Linux Howtos and Tutorials
  (tags: guide reference tutorial arrays PHP)
• Leandono´s Blog - Descargar fuentes gratuitas: 42 sitios para hacerlo
  (tags: typography fuentes)