Saltar al contenido principal

3 publicaciones etiquetados con "CSS"

Ver Todas las Etiquetas

HTMX + Pico CSS: declaración de guerra al frontend actual

· 9 min de lectura
Oscar Adrian Ortiz Bustos
Ingeniero en Gestión y Desarrollo de Software

Introducción​

Voy a ser completamente honesto: cada vez que abro un proyecto nuevo de React para hacer un simple panel interno, algo dentro de mí se apaga un poco. pnpm install, veinte minutos esperando, tres gestores de estado que no necesito, un build pipeline que hay que mantener, y todo para mostrar una tabla con botones de "eliminar". Si estás igual de jodido que yo con esto, quiero contarte de una combinación que me tiene bastante convencido: htmx + Pico CSS (y, si hace falta, un toque de Alpine.js).

No es una tecnología nueva ni mágica. Es, más bien, una negación deliberada de cómo se construye frontend hoy. Y para cierto tipo de proyecto —CRUDs, admin panels, herramientas internas, prototipos— me parece que es objetivamente mejor que meter un SPA completo.

CSS Functions: La manera nativa de crear funciones en CSS

· 7 min de lectura
Oscar Adrian Ortiz Bustos
Ingeniero en Gestión y Desarrollo de Software

Introduccion​

CSS ha evolucionado mucho en los últimos años, de mis publicaciones recientes se encuentra la de NestingCSS que si no la recuerdas la puedes revisar. Hoy quiero hablarte de otra novedad que está generando bastante interés en la comunidad de desarrolladores web, y una de las novedades más interesantes es la introducción de la regla @function.

Flexbox Froggy: Aprende a Dominar el Diseño Responsivo

· 5 min de lectura
Oscar Adrian Ortiz Bustos
Ingeniero en Gestión y Desarrollo de Software

Introducción​

El diseño responsivo es una parte esencial de cualquier sitio web. Con la cantidad de dispositivos que existen hoy en día, es necesario que los sitios web se adapten a cualquier tamaño de pantalla. Y si bien esto ha ocasionado innumerables dolores de cabeza a los desarrolladores, hoy, existen maneras mucho más sencillas de sacar adelante cualquier proyecto.