Alberto G. Ariza
@albertoariza.bsky.social
42 followers 320 following 24 posts
Posts Media Videos Starter Packs
albertoariza.bsky.social
Me lo he pasado en grande. Mil gracias a @atlanticaconf.com por confiar en mi
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.styl
e/youtube.com/playlist?lis...36
https://codepen.io/collection/pjo…
albertoariza.bsky.social
Calentando motores. Ya estamos en #atlanticaConf25.
Todo un lujazo haber sido seleccionado como ponente
albertoariza.bsky.social
Ya no queda nada. Ultimando las slides. Codepens listos.
Qué ganas!!! #AtlanticaConf25 #CSS
atlanticaconf.com
¡#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
albertoariza.bsky.social
I don't understand how someone can choose not to have in his team one of the best players of the whole world
nerdy.dev
Y'all're bringing me tears

Thx for all the kind words, really warming my heart
albertoariza.bsky.social
Yo no he pasado por la fase tailwind. Debería preocuparme?
albertoariza.bsky.social
Desconozco si hay más franquicias en otros países
Reposted by Alberto G. Ariza
shaw.city
Shaw @shaw.city · Mar 5
↖️ 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...
albertoariza.bsky.social
Pues si. Buena pinta no tiene. Pero la noticia insinúa que el evento deja de hacerse en San Diego para venirse a Málaga, y suena raro. De no ser así, y ser una franquicia, hay que recordar que Portugal lleva años ya con su ComicCon oficial
albertoariza.bsky.social
Y quien dice Trump, dice Putin, Musk....
albertoariza.bsky.social
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
albertoariza.bsky.social
Yo no entiendo cómo la gente tiene la cara de devolver las cosas en un estado lamentable.
Los accidentes pasan, pero en ese caso, lo normal es comprar algo nuevo y devolver directamente el reemplazo sin decir nada.
Reposted by Alberto G. Ariza
css-only.dev
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
Reposted by Alberto G. Ariza
mouredev.com
⚠️ 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
Reposted by Alberto G. Ariza
alvaropons.bsky.social
Triste noticia: ha fallecido Jaime Asensi. DEP
albertoariza.bsky.social
Me quedo de piedra. Un tío genial y entrañable como él solo.
Reposted by Alberto G. Ariza
t3chfest.es
¡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
Reposted by Alberto G. Ariza
jensimmons.bsky.social
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...
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
Reposted by Alberto G. Ariza
anatudor.bsky.social
#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
Snub dodecahedron with a part of the CSS on the left - the `grid-area: 1/ 1`  line is highlighted. Stack of slightly rotated big cat images. A pie chart made up of 7 different size slices. Slice 4 is hovered and slides out. On the left, there's a bit of the code, with the `grid-area: 1/ 1` line highlighted for `.slice` elements. Fancy animated cube. On the left,there's a bit of the CSS used to create it, with the `grid-area: 1/ 1` line highlighted for `.face` elements.
albertoariza.bsky.social
"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.
albertoariza.bsky.social
Million dollar baby jane
albertoariza.bsky.social
Hay demasiadas cosas buenas y que me van a encantar ahí fuera que no me va a dar a tiempo a leer para perder el tiempo sufriendo. Eso fue lo que me ayudó a atenderme. Piensa que ya habrá otras personas que aprecien de verdad ese libro y que tú no le haces falta😉
albertoariza.bsky.social
Yo era igual. Y conseguí aprender. Las primeras veces te sientes fatal pero a la larga se sale ganando.
albertoariza.bsky.social
Te han dado una idea 💡