Blog
Escribo sobre cosas relacionadas con el desarrollo web. Proyectos, enfoques y observaciones, cosas que he aprendido o que considero importantes.
¡He reconstruido mi sitio web! Publiqué la última versión a finales de 2022. Desde entonces he aprendido tantas cosas, he obtenido nuevos conocimientos y se han añadido tantas nuevas posibilidades CSS que en algún momento ya no estaba contenta con el código aquí.
Ahora por fin he encontrado el tiempo, así que cogí mi Eleventy Starter y reconstruí todo. Sigue pareciendo igual en muchas partes, porque me gusta el diseño de la página, pero he refinado, mejorado y cambiado casi todo.
¡Ojalá encuentre las fuerzas para volver a escribir artículos! Tengo pensado profundizar en la creación de imágenes OG, y escribir sobre cómo utilizo Eleventy para crear mis facturas. Ahora que lo he dicho, ¡tengo que cumplirlo! 📝
Adopción de dimensiones de rejilla de hermanos gracias a subgrid
Lo que quiero conseguir es la alineación vertical de los hermanos: las dimensiones dinámicas de los elementos dentro del <header> landmark deberían implementar la plantilla de columna de rejilla definida en el elemento <body>, para que los elementos hermanos puedan alinearse a ella.
Sobre subgrid y líneas coloreadas
Para mí, subgrid siempre fue lo que me faltaba para integrar realmente grid en mis flujos de trabajo. En este artículo intento construir un prototipo de una que requiere un diseño de cuatro columnas con líneas coloreadas.
Grabación, edición e integración de un sonido de evento de clic
Los pequeños sonidos de interacción han vuelto a aparecer en los sitios web personales en los últimos años, y creo que eso es maravilloso.
He creado algunas ramas de demostración para Eleventy Excellent.
A veces recibo peticiones a través de los issues para añadir tags, o algo similar. Esto tiene sentido, por supuesto, pero después de muchos años de lucha con temas premium de otras herramientas (ejem WordPress ejem) que querían cubrir todos los casos de uso concebibles y por lo tanto eran excesivamente complejos y cojos, es muy importante para mí mantener un espíritu limpio y simple.
El starter debe poder desarrollarse en todas las direcciones posibles sin tener que tomar demasiadas decisiones de antemano. Por eso decidí crear algunos refinamientos adicionales como “demos” que viven en su propia rama, pero se mueven junto con la rama principal.
Hasta ahora, me he ocupado de cuestiones que me han sido solicitadas específicamente: galería, etiquetas y paginación. Habrá más en el futuro.
Internacionalización con Eleventy 2.0 y Netlify
Junto con una charla relámpago en TheJam.dev 2023, explico cómo funciona la internacionalización con Eleventy 2.0, construyendo un sencillo proyecto de inicio.