Line-height a fondo

Si eres de los que no sabe para que sirve la propiedad line-height o la usas a destajo sin saber muy bien lo que haces te recomiendo este slide para descubrir los secretos de esta propiedad del CSS

Oferta de trabajo de Frontend Developer en Atrapalo.com

Si buscas trabajo – estas en paro o estas pensando en un cambio -  en Atrapalo.com se busca con urgencia un maquetador web. Lo importante es tener grandes dotes en XHTML y CSS para la maquetación del site así como de newsletters y microsites.

Por que no usar image/gif;base64

Usar imágenes embebidas dentro del CSS o del HTML en base64 es algo engorroso, sobre todo si son imágenes grandes y pesadas. No obstante hay una ventaja  significativa y es que reducimos las peticiones al servidor, por lo que resulta rentable usar imágenes pequeñas de esta forma como por ejemplo un background:

background-image:url(data:image/gif;base64,R0lGODlhAgABAJEAAH4PCKwODQAAAAAAACH5BAkAAAEALAAAAAACAAEAAAgFAAMACAgAOw==);

El problema, como simepre, es Internet Explorer 6 y 7, no son capaces de procesarlas ¡lastima!

Consejos de accesibilidad web

Primero de todo, lo expuesto a continuación no va hacer que tu página supere los tests de accesibilidad, pero si lo tienes en cuenta a la hora de desarrollar un proyecto te traerá menos dolores de cabeza y podrás centrarte en los aspectos de la accesibilidad más difíciles.

Los mejores consejos que se pueden dar para hacer una web accesible tal vez se puedan resumir en dos:

• Usar el sentido común
• Validar el código XHTML y las hojas de estilo CSS según los estándares del W3C

Lo difícil es seguir estos dos consejos pero esta claro que no todo queda aquí y probablemente no tengamos ni medios ni dinero para hacer pruebas de usabilidad y accesibilidad satisfactorias.

Voy a evitar lo obvio, como separar el código de los aspectos visuales no usar contenido dinámico ni efectos JavaScript, etc. Todo esto ya lo sabemos. Por eso os propongo una serie de claves para lograr una web accesible.