devLecturas (IV)

Me ha interesado bastante este artículo sobre una «craft crisis» en el mundo del diseño, pero no por el mundo del diseño. Ni el inicio del artículo: personalmente, saltaría directamente hasta How we got here. El artículo va de cómo, desde el mundo del diseño, si bien no hace falta saber escribir código, perder el contacto íntimo con la parte técnica representa un problema, y sí es necesario tener una «alfabetización estratégica» (y ojo, que el artículo deja el listón de esa alfabetización considerablemente alto)… A media lectura me ha parecido que, de hecho, no hablaba del diseño (o al menos no estrictamente de las personas que etiquetamos como diseñadores, gráficos / de interacción / …), sino de cualquier campo que dependa de otro para implementar lo que sea: si delegas absolutamente el conocimiento, flaco favor el que te haces, y traspasas buena parte del poder a diseño / desarrollo / el departamento que sea que hay entre tú y el producto / servicio a entregar.

Por lo que respecta a novedades-ya-no-tan-novedosas de CSS, llego a 12 CSS features you can use today with no build step (es de septiembre :-S), entre las cuales el anidado en CSS sin pre ni postprocesadores, :has(), subgrid, espacios de color OKLCH (todas baseline widely available desde hace más de un año), container queries (aún más viejas: baseline widely available desde hace dos), cascade layers (tres años ya) o :is() y :where() (cuatro). No quiero mirar cuánto no se usan, porque me deprimo (aunque igual el «mal de muchos» me consolaría un poco).

Por su parte, la consultoría de accesibilidad Tetralogical publica su Accessible components library, con su documentación y, sobre todo, los requisitos de accesibilidad, los escenarios de prueba y los tests automatizados. Incluyen acordeón, migas de pan («breadcrumbs«), cuadro de diálogo, «disclosure«, paginación, pestañas y entrada de texto, documentando los correspondientes criterios de éxito de las WCAG 2.2.

Otro de accesibilidad. Me entero por este hilo (de hace como un mes) de Bluesky de Eric Bailey de la última edición (la undécima, parece ser) de la «survey» sobre el uso de lectores de pantalla de WebAIM. Documento de interés muy alto, y no dejéis de leer tampoco el hilo de Bluesky, que la interpretación de Bailey es de lectura casi obligatoria para los que (como yo) no sabemos tanto como querríamos.

Y cerramos con accesibilidad… e IA. En mayo (sí, estas entradas deberían llamarse «devLecturas a punto de caducar)) en el blog de GitHub publicaban una historia sobre el desarrollo de un agente (de IA) de accesibilidad de propósito general. Con la precaución necesaria al leer una historia sobre agentes IA de una compañía que quiere vender agentes IA, resulta interesante. El objetivo era que el robot fuera capaz de (i) responder a las preguntas de los desarrolladores, y (ii) detectar y corregir problemas de accesibilidad simples y objetivos (los adjetivos son importantes). Para mayo, el agente había revisado tres mil quinientas pull requests y resuelto (según las métricas de GitHub, claro) un 68% de problemas. El texto enlaza a una evaluación de la accesibilidad de lo que producen los modelos grandes de lenguaje que, para sorpresa de nadie, no es para tirar cohetes (o sí, dependiendo de hacia dónde se apunten dichos cohetes, claro), fruto de este proyecto (que parece que lleva unos meses sin tocarse). A pesar de ser GitHub, el autor, Eric Bailey (le acabáis de «ver» en el párrafo anterior), tiene un recorrido importante en esto de la accesibilidad, y el planteamiento y conclusiones hacen que valga la pena leer sobre los aspectos que se pueden automatizar en cuestiones de accesibilidad.

devLecturas (III)

Cinco enlaces más: tres de CSS, uno de CMS nuevo para probar, y uno de accesibilidad…

Me encuentro en la newsletter de Frontend Focus con este generador de CSS crítico: lo apuntas hacia una URL, le especificas un tamaño de pantalla objetivo y te analiza el CSS para extraer el que es crítico para renderizar el «above the fold», que puedes incrustar en el HTML para minimizar el tiempo que tarda el navegador en mostrarte el contenido.

De la misma newsletter, pero de una edición posterior, sale esta técnica para sidenotes solo con CSS que este fan de las notas al pie y familia debería explorar con cariño. También esta de anotaciones.

Siguiendo con CSS, me encuentro con CSS Bed, un agregador de temas «classless» (esto es, no definen su CSS para determinadas clases, si no directamente para los elementos HTML).

Por no hablar solo de CSS… el 29 de septiembre se anunció la 1.0 de emDash, un CMS nuevo, construido sobre Astro, con el soporte (para bien o para mal, a gusto del consumidor) que parte de la pregunta (dicen ellos mismos) «¿cómo sería WordPress si se crease hoy?». Con la que está cayendo en Automattic, estudiar si es una alternativa real a WordPress, o puede serlo en el futuro, comienza a ser una necesidad…

Y cerramos con un poco de accesibilidad, de la mano de This hue shall pass, un verificador de la accesibilidad de paletas de color que, como factor diferencial, no solo te dice si la paleta es o no accesible, sino que te da herramientas para intentar mejorar su accesibilidad (idealmente, hasta pasar los criterios AAA, claro :-)).

devLecturas (II)

Cinco enlaces más de cosillas de desarrollo web entendido en sentido amplio (la edición anterior es de principios de junio, no sé yo si esto va a tener mucha continuidad, pero lo seguiremos intentando).

De los vídeos de la commit, celebrada a principios de junio, me han llamado la atención un par de charlas. La primera, una «nueva manera de testear el frontend», «test while developing«.

Y la segunda, la de Ramón Corominas sobre evaluación automática de accesibilidad:

Aprovechando que estoy con uno de accesibilidad, hace apenas unos días Olga Carreras repasaba la WCAG Evaluation Methodology (WCAG-EM) 2.0.

Volviendo a principios de junio, Manuel Matuzovic hablaba de encabezados «concientes de su contexto». La idea, si los navegadores acaban dándole soporte, es que finalmente podamos escribir bloques de código dándoles título con un <h1>, y que sea luego el navegador el que lo convierta en el h-loquesea conveniente usando un «offset» y le aplique el CSS adecuado, cosa especialmente interesante si se trabaja con componentes. De momento solo se está implementando en Firefox. Dedos cruzados para que lo adopten el resto de navegadores 🤞.

Y para cerrar (el enlace es más antiguo, pero yo la encuentro ahora), tenemos esta Retro UI library que no creo que use nunca, pero que me parece absolutamente maravillosa.

Cinco devLecturas (I)

Inauguramos serie de entradas pseudoregulares (espero) en obm: cosillas que he ido leyendo y me han hecho gracia, en general alrededor del diseño y el desarrollo web. A ver cuánto dura la cosa…

El 25 de mayo, el artículo Responsive Web Design, de Ethan Marcotte, cumplía los 16 años. Qué viejos somos. El propio Marcotte nos recordaba lo que escribió sobre el tema cuando «solo» tenía diez años.

Para los que tiráis de WordPress, el 25 de mayo en Freelandev repasaban las novedades que trae la 7.0. Aquí el enlace al episodio.

El 29 de mayo, Rachel Andrew daba su repaso mensual en web.dev a las novedades de la plataforma web. Lo más destacado, que entran en el «baseline» una pseudoclase nueva y container queries por el nombre del contenedor y por custom properties (variables, vaya).


Dejo para el final los contenidos con/sobre IA, y así quien no quiera leer estas cosas puede ahorrárselas fácil.

El 26 de mayo en el podcast de Syntax hablaban de decisiones que, por mucho que vayas a tirar de agentes para tu proyecto, deberías tomar tú antes de dejarles que se pongan a ello: el esquema de la base de datos, las estrategias de validación, el enrutado, el flujo de autenticación, metodología CSS y framework de interfaz de usuario y el tipo de comunicación entre front y back.

Antes de eso, el 5 de mayo (ordeno en el orden en que yo encontré / leí las cosas), Addy Osmani hablaba de su repo Agent Skills en GitHub. Me fascinan estos repositorios porque, con sus problemas, son recopilatorios de buenas prácticas que, me da la impresión, o no se hacían o no se hacían con tanto cariño y esmero cuando el objetivo era educar humanos, y no agentes (seré muy feliz si se me corrige). En cualquier caso, tanto la entrada de blog como el repo me parecen una lectura muy interesante.