Alberto G. Ariza
@albertoariza.bsky.social
Aquí están la colección de ejemplos y demos que he presentado en #AtlanticaConf25 sobre Scroll Driven Animations en CSS
codepen.io/collection/pjo…
Y los demás recursos mostrados creados por Bramus, la referencia en el tema:
https://scroll-driven-animations.style/youtube.com/playlist?lis...36
codepen.io/collection/pjo…
Y los demás recursos mostrados creados por Bramus, la referencia en el tema:
https://scroll-driven-animations.style/youtube.com/playlist?lis...36
https://codepen.io/collection/pjo…
June 14, 2025 at 10:46 AM
Aquí están la colección de ejemplos y demos que he presentado en #AtlanticaConf25 sobre Scroll Driven Animations en CSS
codepen.io/collection/pjo…
Y los demás recursos mostrados creados por Bramus, la referencia en el tema:
https://scroll-driven-animations.style/youtube.com/playlist?lis...36
codepen.io/collection/pjo…
Y los demás recursos mostrados creados por Bramus, la referencia en el tema:
https://scroll-driven-animations.style/youtube.com/playlist?lis...36
Calentando motores. Ya estamos en #atlanticaConf25.
Todo un lujazo haber sido seleccionado como ponente
Todo un lujazo haber sido seleccionado como ponente
June 13, 2025 at 8:15 AM
Calentando motores. Ya estamos en #atlanticaConf25.
Todo un lujazo haber sido seleccionado como ponente
Todo un lujazo haber sido seleccionado como ponente
¡#AtlanticaConf25 trae CSS de vanguardia! @albertoariza.bsky.social presenta "Y sin embargo, ¡se mueve! Perdámosle el miedo a las CSS Scroll Driven Animations". Descubre cómo crear animaciones reactivas al scroll ¡sin JavaScript!
Vente! atlanticaconf.com
Vente! atlanticaconf.com
June 12, 2025 at 7:13 PM
I don't understand how someone can choose not to have in his team one of the best players of the whole world
Y'all're bringing me tears
Thx for all the kind words, really warming my heart
Thx for all the kind words, really warming my heart
April 11, 2025 at 10:29 PM
I don't understand how someone can choose not to have in his team one of the best players of the whole world
Reposted by Alberto G. Ariza
↖️ Pointer Tracking without Overflow!
Prevent a pointer-tracking box from flowing off the page using clever CSS transforms with min()/max().
Bonus: Springy snap back to the middle when the pointer leaves the page.
codepen.io/shshaw/pen/w...
Prevent a pointer-tracking box from flowing off the page using clever CSS transforms with min()/max().
Bonus: Springy snap back to the middle when the pointer leaves the page.
codepen.io/shshaw/pen/w...
March 5, 2025 at 6:25 PM
↖️ Pointer Tracking without Overflow!
Prevent a pointer-tracking box from flowing off the page using clever CSS transforms with min()/max().
Bonus: Springy snap back to the middle when the pointer leaves the page.
codepen.io/shshaw/pen/w...
Prevent a pointer-tracking box from flowing off the page using clever CSS transforms with min()/max().
Bonus: Springy snap back to the middle when the pointer leaves the page.
codepen.io/shshaw/pen/w...
Dentro de unos años habrá un meme diciendo. "Si tuvieras una máquina del tiempo, eliminarías a Trump antes de que tuviera poder?" Y lo peor de todo es que estamos dejando que pase todo otra vez
March 2, 2025 at 2:07 PM
Dentro de unos años habrá un meme diciendo. "Si tuvieras una máquina del tiempo, eliminarías a Trump antes de que tuviera poder?" Y lo peor de todo es que estamos dejando que pase todo otra vez
Reposted by Alberto G. Ariza
I made a little tool to better visualize the effect of the new text-box property and also generate the code for you!
css-tip.com/text-box/
#CSS
css-tip.com/text-box/
#CSS
February 26, 2025 at 2:49 PM
I made a little tool to better visualize the effect of the new text-box property and also generate the code for you!
css-tip.com/text-box/
#CSS
css-tip.com/text-box/
#CSS
Reposted by Alberto G. Ariza
⚠️ Por fin!
Warp, la mejor terminal del mundo, ya está disponible en Mac, Linux... Y en Windows!
→ Genera comandos con lenguaje natural y te explica los errores
→ Almacena tus comandos y flujos de trabajo
→ Utilízala como un IDE
→ Y muchísimo más
https://www.warp.dev
Warp, la mejor terminal del mundo, ya está disponible en Mac, Linux... Y en Windows!
→ Genera comandos con lenguaje natural y te explica los errores
→ Almacena tus comandos y flujos de trabajo
→ Utilízala como un IDE
→ Y muchísimo más
https://www.warp.dev
February 26, 2025 at 3:17 PM
⚠️ Por fin!
Warp, la mejor terminal del mundo, ya está disponible en Mac, Linux... Y en Windows!
→ Genera comandos con lenguaje natural y te explica los errores
→ Almacena tus comandos y flujos de trabajo
→ Utilízala como un IDE
→ Y muchísimo más
https://www.warp.dev
Warp, la mejor terminal del mundo, ya está disponible en Mac, Linux... Y en Windows!
→ Genera comandos con lenguaje natural y te explica los errores
→ Almacena tus comandos y flujos de trabajo
→ Utilízala como un IDE
→ Y muchísimo más
https://www.warp.dev
Reposted by Alberto G. Ariza
Triste noticia: ha fallecido Jaime Asensi. DEP
February 22, 2025 at 5:31 AM
Triste noticia: ha fallecido Jaime Asensi. DEP
Reposted by Alberto G. Ariza
¡Subimos TODAS las charlas de la edición a YouTube! De hecho ahí puedes ver las de todas las ediciones pasadas.
https://www.youtube.com/@T3chFest
https://www.youtube.com/@T3chFest
February 1, 2025 at 11:01 AM
¡Subimos TODAS las charlas de la edición a YouTube! De hecho ahí puedes ver las de todas las ediciones pasadas.
https://www.youtube.com/@T3chFest
https://www.youtube.com/@T3chFest
Reposted by Alberto G. Ariza
In case you missed the last day of the 12 Days of Web advent calendar…
Read all about how to make amazing typography with line height units — `lh` and `rlh`.
Plus how to more easily and robustly trim unwanted margins (instead of manually adjusting each item).
12daysofweb.dev/2024/css-mar...
Read all about how to make amazing typography with line height units — `lh` and `rlh`.
Plus how to more easily and robustly trim unwanted margins (instead of manually adjusting each item).
12daysofweb.dev/2024/css-mar...
CSS margin-trim and line height units | 12 Days of Web
Learn ways of perfecting design with line height units and margin-trim.
12daysofweb.dev
January 6, 2025 at 6:22 PM
In case you missed the last day of the 12 Days of Web advent calendar…
Read all about how to make amazing typography with line height units — `lh` and `rlh`.
Plus how to more easily and robustly trim unwanted margins (instead of manually adjusting each item).
12daysofweb.dev/2024/css-mar...
Read all about how to make amazing typography with line height units — `lh` and `rlh`.
Plus how to more easily and robustly trim unwanted margins (instead of manually adjusting each item).
12daysofweb.dev/2024/css-mar...
Reposted by Alberto G. Ariza
#tinyCSSsnippet I've been shocked 🙀 to learn has been slept on:
```
.container { display: grid }
.stacked-item { grid-area: 1/ 1 }
```
I use it all the time to stack elements.
Stack faces of polyhedra before positioning them in 3D. Stack images. Stack 🥧 slices codepen.io/thebabydino/...
#CSS
```
.container { display: grid }
.stacked-item { grid-area: 1/ 1 }
```
I use it all the time to stack elements.
Stack faces of polyhedra before positioning them in 3D. Stack images. Stack 🥧 slices codepen.io/thebabydino/...
#CSS
January 5, 2025 at 8:08 AM
#tinyCSSsnippet I've been shocked 🙀 to learn has been slept on:
```
.container { display: grid }
.stacked-item { grid-area: 1/ 1 }
```
I use it all the time to stack elements.
Stack faces of polyhedra before positioning them in 3D. Stack images. Stack 🥧 slices codepen.io/thebabydino/...
#CSS
```
.container { display: grid }
.stacked-item { grid-area: 1/ 1 }
```
I use it all the time to stack elements.
Stack faces of polyhedra before positioning them in 3D. Stack images. Stack 🥧 slices codepen.io/thebabydino/...
#CSS
"You've been kidnapped. The characters from the last TV show you watched are trying to rescue you. Who is coming to save you?"
Ni tan mal. A ver si lo que dicen de él es cierto.
Ni tan mal. A ver si lo que dicen de él es cierto.
January 5, 2025 at 10:24 AM
"You've been kidnapped. The characters from the last TV show you watched are trying to rescue you. Who is coming to save you?"
Ni tan mal. A ver si lo que dicen de él es cierto.
Ni tan mal. A ver si lo que dicen de él es cierto.
October 20, 2023 at 6:47 AM
Cuando pienso en la Ley de Demeter, no puedo evitar visualizar en componentes encerrados en un camarote, que solo pueden hablar a través de la pared con el componente vecino, porque si salen a socializar con todo el mundo, Drácula se los come.
October 1, 2023 at 5:16 AM
Cuando pienso en la Ley de Demeter, no puedo evitar visualizar en componentes encerrados en un camarote, que solo pueden hablar a través de la pared con el componente vecino, porque si salen a socializar con todo el mundo, Drácula se los come.
Few times a guest has suit so perfectly in other's song
youtu.be/TSYpiEVJVX4?...
youtu.be/TSYpiEVJVX4?...
September 30, 2023 at 7:47 PM
Few times a guest has suit so perfectly in other's song
youtu.be/TSYpiEVJVX4?...
youtu.be/TSYpiEVJVX4?...
Hoy me ha llegado el libro Código Sostenible de Carlos Ble que me tocó en la #miduConf. Gracias @midudev.bsky.social y Savvily
September 25, 2023 at 7:41 PM
Hoy me ha llegado el libro Código Sostenible de Carlos Ble que me tocó en la #miduConf. Gracias @midudev.bsky.social y Savvily