Blog sobre Desarrollo Web y Tecnología | Fernando López | EFEELE

Todas las Publicaciones

19 de agosto de 20268 min de lectura

Programar con IA acelera lo que ya sabes hacer (y disfraza lo que no)

AI DevTools Frontend

Imagen de portada sobre programación con IA, con código, interfaces de desarrollo y gráficos tecnológicos, acompañada del título “Programar con IA acelera lo que ya sabes hacer (y disfraza lo que no)”

17 de agosto de 20269 min de lectura

Cómo se organiza el catálogo de trámites de un municipio para que alguien los encuentre

GovTech UX Frontend

Diagrama de un catálogo de trámites municipales: a la izquierda un organigrama de secretarías y dependencias, a la derecha una rejilla de categorías temáticas como salud, agua, familia y construcción, y entre ambos un buscador que conecta las dos estructuras.

7 de julio de 20265 min de lectura

View transitions en Astro: cómo activarlas y por qué las mías estaban apagadas

Astro CSS Frontend

26 de mayo de 20267 min de lectura

WCAG 2.2 nivel AA: qué revisar en una auditoría

Accessibility UX GovTech

14 de abril de 20266 min de lectura

Scroll-driven animations con Tailwind CSS: animar con el scroll sin JavaScript

CSS Tailwind Frontend

3 de marzo de 20265 min de lectura

Del commit al changelog: automatizar versiones con Conventional Commits y GitHub Actions

Git DevTools Documentation

20 de enero de 20266 min de lectura

Glassmorphism con Tailwind CSS: el efecto cristal sin arruinar la legibilidad

CSS Tailwind Frontend

9 de diciembre de 20255 min de lectura

Container queries y :has() en Tailwind 4

CSS Tailwind Frontend

1 de noviembre de 20253 min de lectura

Funciones de accesibilidad que implementé en plataformas de gobierno

Accessibility GovTech UX Frontend

29 de octubre de 20253 min de lectura

Neobrutalismo web: qué es, de dónde viene y cuándo usarlo

Web Design UX CSS Frontend

Banner colorido de estilo neobrutalista con fondo amarillo, el texto “EFEELE.DEV” en la parte superior, un botón rosa que dice “CLICK”, una foto estilo recorte con borde blanco y cian, y las palabras grandes “NEO BRUTALISM” en naranja con sombra negra.

14 de mayo de 20253 min de lectura

Conventional Commits: cómo escribir mensajes de commit claros, útiles y automatizables

Git DevTools Documentation

Ejemplo visual de Conventional Commits con mensajes estructurados y ramas en Git. Título: Cómo escribir mensajes de commit claros y útiles por Efeele

30 de abril de 20253 min de lectura

¿CSS puro o Tailwind CSS?

CSS Tailwind Frontend Web Design

Comparativa visual entre CSS y Tailwind CSS con sus respectivos logotipos sobre fondo degradado verde y morado

11 de abril de 20253 min de lectura

Firebase Studio: el IDE en la nube con IA de Google, a prueba

Captura de pantalla que muestra el entorno de desarrollo Firebase Studio en modo oscuro, con la estructura de archivos, el archivo Home.tsx abierto, vistas de Android y Web para previsualizar la app, y un panel de chat con Gemini, sobre un fondo degradado en tonos rojizos.

9 de abril de 20251 min de lectura

¿Quieres crear un blog o portafolio con Astro? Conoce NeonMint

Astro Tailwind Web Design

Vista previa del theme NeonMint para Astro, mostrando diferentes secciones de un portafolio y blog personal. Se aprecian variantes en modo claro y oscuro, con diseños modernos, tarjetas de proyectos, guías de markdown, experiencia laboral y una navegación lateral. El estilo visual destaca por colores verde menta, negro y blanco, con tipografía clara y etiquetas tecnológicas.

5 de abril de 20252 min de lectura

Guía completa de Markdown

Documentation DevTools

31 de marzo de 20254 min de lectura

IA dentro del editor: lo que cambió cuando probé Cursor y Windsurf

Imagen conceptual mostrando interfaces de Cursor y Windsurf con código y elementos de IA

27 de marzo de 20252 min de lectura

Crear un borde animado con Tailwind CSS

CSS Tailwind Frontend

Ejemplo de bordes animados con Tailwind CSS en un diseño oscuro, con fondo degradado de colores vibrantes.

25 de febrero de 20253 min de lectura

¿Por qué deberías adoptar mobile first en tu desarrollo web?

Frontend UX CSS Web Design

Diagrama representando el enfoque Mobile First en diseño web. Muestra la evolución de una interfaz desde un smartphone a una tablet y finalmente a una pantalla de escritorio, con flechas indicando la adaptación progresiva del diseño.

30 de enero de 20255 min de lectura

Guía para instalar DeepSeek-R1 en tu computadora (Windows y Mac)