Degradados fáciles con CSS

Gracias a el Padrino del Web y sus constantes tweets de la conferencia An Event Apart que se está llevando a cabo en Boston, me entero de esta genial y utilísima herramienta para crear degradados usando CSS 3.

Todavía mejor es la que creó John Allsopp con el mismo fin.

Una de las promesas cumplidas por CSS 3 es el poder especificar degradados sin usar imágenes. Esto ayuda a tener un sitio mucho más fácil de mantener y más rápido de descargar. Lo malo es que calcular todos los valores para introducir en el código es una lata.

Gracias a estas herramientas puedes hacerlo fácilmente de forma visual, sin tener que hacer cálculos a ojo de buen cubero para después probar y ajusta unas cuarenta y cinco veces hasta que quede como quieres.

Nada más falta que la especificación quede fijada y los navegadores la soporten. Mientras, a usar -webkit y -moz.

Comparación de servicios de tipografía web

Esta excelente recopilación de los servicios de tipografía web creada por Sylvia Egger es una fantástica ayuda a la hora de elegir que proveedor de tipografías se ajusta mejor a nuestras necesidades.

Desde hace ya algún tiempo los principales navegadores soportan la inclusión de diversas tipografías en una página para no tener que usar las comunes que vienen con los sistemas operativos. El problema es que no es tan sencillo encontrar la que nos gusta y meterla sin problemas para que funcione en esos navegadores. Así que de un tiempo para acá han surgido algunos servicios que se encargan de todo el manejo de licencias, hospedar los archivos necesarios y manejar los scripts para que se muestren correctamente.

Como no son todos iguales y no había como comparar fácilmente, a Sylvia se lo ocurrió crear esta carta y lo hizo muy bien.

Diseño para daltónicos: cinco herramientas de accesibilidad

If you are designing, or re-designing your web site, it is time well spent running your website through the color accessibility tools below to ensure that your site can be seen correctly by as many people as possible.Making Your Web Colors Visible For All – Five Color Accessibility Tools

Me gusta este tipo de artículos porque yo mismo soy daltónico. Como tal te puedo decir que me caga sobremanera tener que adivinar los colores en mapas, gráficas e interfaces para saber que demonios me están tratando de decir o donde tengo que picar.

Estas herramientas te ayudarán a crear un sitio que, como dice Jennifer Farley, me va a permitir usar tu sitio sin echar pestes. ¿Qué que te importa? Bueno, alrededor del 8% de la población padece algún tipo de ceguera al color, eso puede representar muchísima gente y mientras más gente pueda usar tu sitio, pues mejor ¿no? (A menos que sea un sitio que hable en contra de los daltónicos, en cuyo caso estas herramientas te ayudarán a asegurarte que no podamos leerlo)

Reblog this post [with Zemanta]

5 Herramientas para mejorar la accesibilidad de tu sitio

Improve Accessibility. Here are some tools you may find useful increase accessibility, a constant battle that UX designers have to face5 Web Accessibility Improvement Tools | UX Booth

Smashing se saca otro 10 con esta lista de 5 herramientas para mejorar la accesibilidad de tu sitio a personas con distintas discapacidades. Desde un simulador de daltonismo hasta un analizador de textos y otro de imágenes.

Como implementar un wiki para trabajo

One of the best web tools available to businesses for enabling teamwork and collaboration is the wiki. Few things speak more to staying in the flow of one’s work than just clicking “Edit This Page” where you see something that needs to be written or re-written. Though Wikis have been around since the 90s, their potential for business collaboration has made them more popular in the business world over the past few years.HOW TO: Use Wikis for Business Projects

Un resumen muy interesante sobre los beneficios y algunos de los retos para usar un wiki como herramienta de trabajo. Algunas de las ligas son muy buenas y pueden ayudar a comenzar a planificar la adopción de un wiki en algún proyecto.