En Web Performance Metrics Cheatsheet puedes encontrar una hoja de referencia sobre el rendimiento de una página web, explicando los diferentes conceptos.
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).
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.
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 🙂
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.