Webmaster Libre

Parece que el boom de este tipo de páginas dedicadas a recopilar los mejores diseños web realizados de acuerdo con los estándares, usando (x)html y css, no remite.

A través de Guistyles descubro CSS Bloom, una página con formato de blog, de actualización diaria que, al igual que la mayoria de sus hermanas mayores, nos permite votar los diseños.

Enlace: http://cssbloom.com/

Es fácil creerse que sólo con utilizar hojas de estilo en nuestros sitios web ya habremos optimizado sus tiempos de carga. A pesar de que, en principio, utilizar CSS aligera los sitios, una hoja de estilo llena de propiedades redundantes o espacios en blanco puede resultar excesivamente pesada.

Ante todo, nuestro CSS debe ser válido y para comprobarlo nada mejor que la herramienta que nos ofrece el W3C

Servicio de Validación de CSS: http://jigsaw.w3.org/css-validator/

Además de crear páginas con código válido, puede ser interesante optimizarlas para conseguir tiempos inferiores de carga. La optimización puede ser un proceso tedioso de hacer a mano y para ello existen gran número de herramientas online. Estas herramientas pueden optimizar tanto el código que lo vuelvan ilegible, por tanto, mi recomendación es que las uséis más como referencia y ayuda a la hora de hacer ajustes a mano.

Clean CSS
CSS Tweak
CSS Formatter and Optimiser
Online CSS Optimiser
CSS Optimizer

Y, como no hay hoja de estilos perfecta sin (x)html válido:

Servicio de Validación de Marcado: http://validator.w3.org/

Esta clase Javascript te permite añadir una ventana a una página HTML.
Se basa en Prototype y se inspira en los efectos de Scrip.taculo.us, incluso puedes usarlos para animar las ventanas.

Ha sido probado en Safari, Camino, Firefox e IE6.

Puedes ver algunos previews en la página del script

Prototype Window Class: http://prototype-window.xilinus.com/index.html
Prototype: http://prototype.conio.net/
Scrip.taculo.us: http://script.aculo.us/

Via DZone

Si buscas ejemplos de código listos para descargar, que puedes tanto estudiar como emplear en tus proyectos personales o comerciales, Dynamic Drive y su libreria de CSS seguro que se convertirán en uno de tus favoritos.

Recuerda leer las condiciones de uso ya que los ejemplos descargados tienen algunas restricciones.

Dynamic Drive CSS Library

La mayoría de las técnicas para hacer el contenido web accesible para los lectores de pantalla son invisibles para los usuarios visuales. El texto alternativo (alt), las etiquetas de encabezado de las tablas, sumarios de tablas, y los elementos label de los formularios son ejemplos de técnicas que marcan una gran diferencia para los usuarios de lectores de pantalla pero tienen muy poco o ningún impacto en la apariencia visual del contenido web.

No obstante, muy de vez en cuando, los diseñadores web afrontan situaciones en las que la adición de marcado accesible tiene un impacto en la presentación visual. En algunos casos, este impacto visual puede decrecer la usabilidad del contenido para usuarios visuales. En otros casos, los diseñadores simplemente quieren proveer una estructura o apariencia más agradable que esté comprometida al incluir todo el texto en una forma semánticamente correcta.
Leer el resto de la entrada

¿Siempre has querido aprender PHP pero te mareas buscando información?. ¿No encuentras apenas material en tu idioma y cuando lo encuentras tampoco te es de mucha ayuda?

Desde Argentina nos llega la solución a todos estos problemas, PHP Ya

El objetivo fundamental del sitio es el aprendizaje del lenguaje PHP. La característica distintiva es que podemos codificar nuestros primeros programas, probarlos, depurarlos y ejecutarlos en el servidor de PHP Ya.com.ar.

Supongo que te sonarán estos botones

En este caso son de Google Calendar pero pueden verse muchos por la red. La mayoría de ellos están creados con imágenes pero existe un método sencillo de crearlos con CSS. Leer el resto de la entrada

Controlar tus estadísticas, a parte de un vicio inconfesable de alguos webmasters, es una forma simple de ir conociendo a tus visitantes, sus hábitos y, observándolas en profundidad, nos pueden ayudar a mejorar aspectos de nuestra página.

Si quieres tener un control absoluto quizá te apetezca instalar tu propio script para estadísticas en lugar de confiar en herramientas online de terceras partes.

Este post está basado en uno de La Otra Bola de Cristal, he tomado prestadas las 3 referencias que he considerado más interesantes y licenciadas como GPL (habiendo donde escoger mejor libre) y, claro, os dejo también un par nuevas, más orientadas para administradores de servers pero que suelen venir instaladas en la mayoría de alojamientos.
Leer el resto de la entrada

Se acerca el verano y algunos vamos a vernos forzosamente separados de nuestras conexiones a internet, quizá sea un buen momento para leer algún libro.

Una buena opción podría ser Diseño con Estándares Web de Jeffrey Zeldman. En él, su autor al que ya conocemos más que sobradamente por sus excelentes artículos y trabajos, nos acerca de una forma clara y sin tapujos al diseño web conforme a los estándares y perfectamente accesible.

Si tuviera que introducir un libro en la categoría de imprescindible, sin duda seria este. Partiendo de un repaso a los principales problemas del diseño web en la, breve pero intensa, historia de la red como la conocemos, se nos invita a pensar en soluciones duraderas que no queden obsoletas con cada nueva versión de los navegadores y que puedan ser vistas por medio del más variopinto abanico de dispositivos y usuarios.

Un libro excelente para profundizar en el uso correcto de los estándares y la accesibilidad, ideal para iniciarse en el diseño con CSS y, sobre todo, para adquirir un excelente conocimiento de base sobre el que ir trabajando para lograr que nuestros sitios web sean atractivos y se presenten correctamente en diversas plataformas y navegadores, incluidos los adaptados para usuarios con minusvalías o en modo texto.

Editado en 2003 es un texto que se ha convertido en libro de cabecera de muchos desarrolladores web.

Jeffrey Zeldman: http://www.zeldman.com
Mini-site oficial del libro: http://www.zeldman.com/dwws/

En España, Diseño con Estándares Web de Jeffrey Zeldman está publicado por Anaya Multimedia dentro de la colección Diseño y Creatividad

Marko Dugonjić nos dejó hace tiempo en su blog un pequeño truco que nos puede ayudar a informar a nuestros visitantes de que las imágenes están cargando (especialmente útil cuando combinamos imágenes grandes con conexiones lentas).

A continuación, os traigo la traducción del original Image Preloader

Leer el resto de la entrada