https://elabezan.com/ Tutoriales y experimentos de frontend, seguridad, UX y producto. es https://elabezan.com/writing/tokens-y-cursor-ii-flujo https://elabezan.com/writing/tokens-y-cursor-ii-flujo Segunda parte: hábitos de sesión, MCPs, compactar contexto y herramientas externas para gastar menos tokens sin perder calidad. Sun, 19 Jul 2026 00:00:00 GMT https://elabezan.com/writing/tokens-y-cursor-i-setup https://elabezan.com/writing/tokens-y-cursor-i-setup Primera parte: qué son los tokens y cómo reducirlos con el setup del proyecto: contexto pequeño, reglas enrutadas, harness y skills. Tue, 14 Jul 2026 00:00:00 GMT https://elabezan.com/writing/ingenieria-de-requisitos-para-desarrolladores https://elabezan.com/writing/ingenieria-de-requisitos-para-desarrolladores Qué es la ingeniería de requisitos, por qué importa si programas, cómo convertir “lo que pide el negocio” en algo construible y verificable: guía completa, sin jerga innecesaria. Tue, 18 Feb 2025 00:00:00 GMT https://elabezan.com/writing/pildora-de-ciberseguridad-i https://elabezan.com/writing/pildora-de-ciberseguridad-i Qué es la ciberseguridad como proceso, por qué cuesta dinero y qué amenazas conviene conocer primero. Thu, 14 Nov 2024 00:00:00 GMT https://elabezan.com/writing/custom-hooks-con-local-y-session-storage https://elabezan.com/writing/custom-hooks-con-local-y-session-storage Una forma fácil de guardar pequeñas cosas del estado de una aplicación en el navegador sin hacer que localStorage se convierta en nuestra base de datos. Tue, 18 Apr 2023 00:00:00 GMT https://elabezan.com/writing/comunicacion-con-todas-las-partes-de-un-producto https://elabezan.com/writing/comunicacion-con-todas-las-partes-de-un-producto Un producto no se sostiene solo con buen código, es necesario que exista un hábito de comunicación, si las personas que participan en el proyecto no están alineadas, en algún momento aparecerán problemas. Tue, 15 Jun 2021 00:00:00 GMT https://elabezan.com/writing/como-hacer-un-documento-de-politica-de-cookies https://elabezan.com/writing/como-hacer-un-documento-de-politica-de-cookies Una obligación legal convertida a documento. Qué debe incluir, cómo detectar las cookies que se están utilizando y qué tiene que respetar el frontend. Wed, 16 Sep 2020 00:00:00 GMT https://elabezan.com/writing/duplicar-o-abstraer https://elabezan.com/writing/duplicar-o-abstraer Duplicar el código no tiene por qué ser pereza y abstraer tampoco significa un código más mantenible. En este artículo intento explicar este dilema con un ejemplo sencillo y algunas de las ideas que me han ayudado a decidir entre una opción y otra. Wed, 22 Jul 2020 00:00:00 GMT https://elabezan.com/writing/como-se-mide-la-accesibilidad https://elabezan.com/writing/como-se-mide-la-accesibilidad WCAG como referencia, lo que axe y Lighthouse pillan solos, y lo que solo aparece con teclado y lector de pantalla. Tue, 19 May 2020 00:00:00 GMT https://elabezan.com/writing/codigo-elegante-vs-codigo-entendible https://elabezan.com/writing/codigo-elegante-vs-codigo-entendible Un reduce denso del que me sentí orgullosa. Tres meses después no lograba explicarlo sin releerlo dos veces. Mon, 04 Nov 2019 00:00:00 GMT https://elabezan.com/writing/documentando-en-commits-y-pulls https://elabezan.com/writing/documentando-en-commits-y-pulls Cómo nombrar un commit (feat, fix, docs…), qué poner en un pull request y cómo comentar reviews sin ruido. Wed, 14 Aug 2019 00:00:00 GMT https://elabezan.com/writing/modo-claro-y-modo-oscuro-con-variables-css https://elabezan.com/writing/modo-claro-y-modo-oscuro-con-variables-css Un tema claro/oscuro fácil de mantener con tokens en CSS, sin tener que duplicar hojas enteras ni invertir colores sin sentido. Tue, 11 Sep 2018 00:00:00 GMT https://elabezan.com/writing/atomic-design-en-interfaces https://elabezan.com/writing/atomic-design-en-interfaces Brad Frost propone Atomic Design: átomos, moléculas, organismos, plantillas y páginas. Un mapa útil para organizar piezas de interfaz sin convertirlo en dogma. Tue, 28 Aug 2018 00:00:00 GMT https://elabezan.com/writing/que-hace-realmente-la-prop-key-en-una-lista https://elabezan.com/writing/que-hace-realmente-la-prop-key-en-una-lista En una lista de React, key ayuda a identificar cada elemento entre renders y a mantener su estado cuando la lista cambia. Tue, 03 Jul 2018 00:00:00 GMT https://elabezan.com/writing/accesibilidad-en-react-native-foco-lector-y-tamanos-tactiles https://elabezan.com/writing/accesibilidad-en-react-native-foco-lector-y-tamanos-tactiles La accesibilidad es un aspecto que muchas veces se deja para el final, pero hay tres puntos que conviene revisar especialmente y comprobarlos en dispositivo real. Tue, 22 May 2018 00:00:00 GMT https://elabezan.com/writing/arquitectura-css-globales-variables-y-bem https://elabezan.com/writing/arquitectura-css-globales-variables-y-bem Cómo organizar los estilos globales, las variables y las clases con BEM para mantener un CSS ordenado incluso cuando el proyecto ya ha crecido. Tue, 20 Jun 2017 00:00:00 GMT https://elabezan.com/writing/i18n-en-react-cuando-el-producto-empieza-a-viajar https://elabezan.com/writing/i18n-en-react-cuando-el-producto-empieza-a-viajar Cómo organizar las traducciones en React y decidir qué idioma mostrar. Tue, 18 Apr 2017 00:00:00 GMT