Categorías
Desarrollo web

Métricas de rendimiento web

En Web Performance Metrics Cheatsheet puedes encontrar una hoja de referencia sobre el rendimiento de una página web, explicando los diferentes conceptos.

Categorías
CSS

csslayout: colecciones de utilidades en CSS

En csslayout.io puedes encontrar un conjunto de utilidades, elementos, layouts de CSS bastante completo. Utiliza la metodología BEM en su nomenclatura (por aquí hablo un poco sobre esta metodología Metodología BEM: Block, Element, Modifier de CSS).

Categorías
accesibilidad

whocanuse: tener en cuenta la ceguera de color en el diseño

Uy, cuesta encontrar un título adecuado y corto para describir esta herramienta. Sabemos que hay personas que tienen ceguera a determinados colores (no distingue los rojos, no diferencia entre rojos y verdes, azul y verde,…) por eso es importante no transmitir información que haga referencia a un color —como pulsa el botón rojo para cancelar—. Es de primero de accesibilidad.

Bueno, pues con esta herramienta whocanuse podemos comprar, en primer lugar si hay suficiente contraste desde el punto de vista de accesibilidad, y una simulación de diferentes discapacidades y situaciones —genial Direct Sunlight— entre un color de primer plano y el fondo.

Muy útil y didáctico.

Categorías
Javascript

clean-code-javascript en español

Me jubilaré o la palmaré de un infarto cuando las chicas del Estu logren un título, pero creo que jamás llegaré a dominar javascript en vida.

Hay una traducción al español de clean-code-javascript, con una serie de consejos y recomendaciones útiles y de sentido común para programar en javascript.

Tú estás a tiempo de salvarte, pero yo tengo Doctor Who, los juegos de mesa y la familia 🙂

Categorías
Personales

Recopilatorio de font icons

Confieso que al principio era muy reacio a utilizarlos. Pero son útiles, y si se hace bien (recuerda poner role="img" y el atributo title), incluso pueden ser accesibles.

En icones.js.org hay una buena colección de font icons. En mis proyectos suelo utilizar font awesome, aunque nadie pida mis preferencias.