Ricardo Oliva
@rolivaalonso.bsky.social
Computer Systems Engineer | Focused on frontend development | Love 3D | Learning ThreeJS
https://x.com/rolivaalonso
https://x.com/rolivaalonso
Pinned
Ricardo Oliva
@rolivaalonso.bsky.social
· Dec 27
Estos son los proyectos de ThreeJS que hice en el año
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
Reposted by Ricardo Oliva
I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”
July 22, 2025 at 7:22 PM
I love CSS folks. They are soldiers of joy and delight. The world is burning and AI debates have people at each others throats and CSS peeps keep being like “check out this dancing turtle I made out of divs 🥰”
Reposted by Ricardo Oliva
@dev.to has a CSS hackathon that finishes in a week... And there's a $500 prize! 😱
Sign up and participate.
dev.to/devteam/join...
Sign up and participate.
dev.to/devteam/join...
Join Our Newest Frontend Challenge: Office Edition! Sponsored by Axero with $3,000 in Prizes 💸
We're delighted to bring the community our first-ever Frontend Challenge with cash prizes! Running...
dev.to
July 21, 2025 at 7:21 PM
@dev.to has a CSS hackathon that finishes in a week... And there's a $500 prize! 😱
Sign up and participate.
dev.to/devteam/join...
Sign up and participate.
dev.to/devteam/join...
Reposted by Ricardo Oliva
10 Cool CodePen Demos from June 2025
alvaromontoro.com/10-cool-code...
Tried something new this month! I got to chat with one of the creators featured in the newsletter –don’t miss @ivorjetski.bsky.social's answers at the bottom of the list. Some great insights and even cooler code!
alvaromontoro.com/10-cool-code...
Tried something new this month! I got to chat with one of the creators featured in the newsletter –don’t miss @ivorjetski.bsky.social's answers at the bottom of the list. Some great insights and even cooler code!
10 Cool CodePen demos
10 Cool CodePen demos from June 2025
alvaromontoro.com
July 8, 2025 at 5:46 AM
10 Cool CodePen Demos from June 2025
alvaromontoro.com/10-cool-code...
Tried something new this month! I got to chat with one of the creators featured in the newsletter –don’t miss @ivorjetski.bsky.social's answers at the bottom of the list. Some great insights and even cooler code!
alvaromontoro.com/10-cool-code...
Tried something new this month! I got to chat with one of the creators featured in the newsletter –don’t miss @ivorjetski.bsky.social's answers at the bottom of the list. Some great insights and even cooler code!
Un pequeño Diorama de México inspirado por Bruno Simon
Live: diorama-mexico.vercel.app
Tal vez luego cambie algunas cosas 😄
#html #css #javascript #threejs #blender #diorama #threejsJourney #diorama #Mexico
Live: diorama-mexico.vercel.app
Tal vez luego cambie algunas cosas 😄
#html #css #javascript #threejs #blender #diorama #threejsJourney #diorama #Mexico
May 17, 2025 at 9:31 PM
Un pequeño Diorama de México inspirado por Bruno Simon
Live: diorama-mexico.vercel.app
Tal vez luego cambie algunas cosas 😄
#html #css #javascript #threejs #blender #diorama #threejsJourney #diorama #Mexico
Live: diorama-mexico.vercel.app
Tal vez luego cambie algunas cosas 😄
#html #css #javascript #threejs #blender #diorama #threejsJourney #diorama #Mexico
Actualización (Diorama de México): Rehíce algunos modelos y agregué otros nuevos.
#threejs #javascript #frontend
#threejs #javascript #frontend
April 25, 2025 at 1:34 AM
Actualización (Diorama de México): Rehíce algunos modelos y agregué otros nuevos.
#threejs #javascript #frontend
#threejs #javascript #frontend
Reposted by Ricardo Oliva
The HTML standard defines many entities for prime symbols: single prime (′), double prime (″), triple prime (‴), it even has a quadruple prime (⁗) and reverse primes! One can hope that the W3C will reconsider my proposal and include the most important one.
comicss.art/comics/175/
#css #html #joke
comicss.art/comics/175/
#css #html #joke
comiCSS #175: Primes
prime symbols: single prime, double prime, triple prime, quadruple prime, and Optimus Prime (with a drawing of the transformer instead of any prime symbol)
comicss.art
April 1, 2025 at 1:08 PM
The HTML standard defines many entities for prime symbols: single prime (′), double prime (″), triple prime (‴), it even has a quadruple prime (⁗) and reverse primes! One can hope that the W3C will reconsider my proposal and include the most important one.
comicss.art/comics/175/
#css #html #joke
comicss.art/comics/175/
#css #html #joke
March 21, 2025 at 5:14 PM
Un pequeño proyecto en ThreeJS. Trabajé en las mecánicas del vehículo, pasto y las colisiones, el escenario es provisional así que es posible que lo cambie totalmente.
#threejs #javascript #3d #frontend
#threejs #javascript #3d #frontend
March 17, 2025 at 3:21 AM
Un pequeño proyecto en ThreeJS. Trabajé en las mecánicas del vehículo, pasto y las colisiones, el escenario es provisional así que es posible que lo cambie totalmente.
#threejs #javascript #3d #frontend
#threejs #javascript #3d #frontend
Un pequeño diorama inspirado en Studio Ghibli (hay unos pequeños easter egg)
Live: ricardoolivaalonso-studioghibli.vercel.app
#html #css #javascript #threejs #blender #diorama #threejsJourney #anime #totoro #studioghibli
Live: ricardoolivaalonso-studioghibli.vercel.app
#html #css #javascript #threejs #blender #diorama #threejsJourney #anime #totoro #studioghibli
January 28, 2025 at 12:13 AM
Un pequeño diorama inspirado en Studio Ghibli (hay unos pequeños easter egg)
Live: ricardoolivaalonso-studioghibli.vercel.app
#html #css #javascript #threejs #blender #diorama #threejsJourney #anime #totoro #studioghibli
Live: ricardoolivaalonso-studioghibli.vercel.app
#html #css #javascript #threejs #blender #diorama #threejsJourney #anime #totoro #studioghibli
Reposted by Ricardo Oliva
My most popular demos of 2024 on @codepen.io:
- Toggle pills codepen.io/alvaromontor...
- Flight slider codepen.io/alvaromontor...
- CSS Art Clay Character codepen.io/alvaromontor...
- Toggle neon codepen.io/alvaromontor...
There's a clear HTML+CSS tendency 😅
- Toggle pills codepen.io/alvaromontor...
- Flight slider codepen.io/alvaromontor...
- CSS Art Clay Character codepen.io/alvaromontor...
- Toggle neon codepen.io/alvaromontor...
There's a clear HTML+CSS tendency 😅
January 3, 2025 at 10:58 AM
My most popular demos of 2024 on @codepen.io:
- Toggle pills codepen.io/alvaromontor...
- Flight slider codepen.io/alvaromontor...
- CSS Art Clay Character codepen.io/alvaromontor...
- Toggle neon codepen.io/alvaromontor...
There's a clear HTML+CSS tendency 😅
- Toggle pills codepen.io/alvaromontor...
- Flight slider codepen.io/alvaromontor...
- CSS Art Clay Character codepen.io/alvaromontor...
- Toggle neon codepen.io/alvaromontor...
There's a clear HTML+CSS tendency 😅
Tarde pero seguro - Christmas Diorama 🎅🎄
Live @CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #threejsJourney #christmas
Live @CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #threejsJourney #christmas
January 1, 2025 at 6:31 PM
Tarde pero seguro - Christmas Diorama 🎅🎄
Live @CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #threejsJourney #christmas
Live @CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #threejsJourney #christmas
Estos son los proyectos de ThreeJS que hice en el año
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
December 27, 2024 at 7:27 PM
Estos son los proyectos de ThreeJS que hice en el año
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
01: codepen.io/ricardooliva...
02: codepen.io/ricardooliva...
03: codepen.io/ricardooliva...
04: codepen.io/ricardooliva...
05: ricardoolivaalonso-three16.vercel.app
06: mazda-is-cool.vercel.app
#frontend #threejs #blender #css #javascript
🍩 Little Bakery made with Blender and ThreeJS
CodePen: codepen.io/ricardooliva...
#3d #3droom #isometric #threejs #javascript #blender #bakery #frontend
CodePen: codepen.io/ricardooliva...
#3d #3droom #isometric #threejs #javascript #blender #bakery #frontend
December 8, 2024 at 12:35 AM
🍩 Little Bakery made with Blender and ThreeJS
CodePen: codepen.io/ricardooliva...
#3d #3droom #isometric #threejs #javascript #blender #bakery #frontend
CodePen: codepen.io/ricardooliva...
#3d #3droom #isometric #threejs #javascript #blender #bakery #frontend
Reposted by Ricardo Oliva
Here's a peek at the Hero section for my upcoming Prismic course. We're using @gsap.com and @threejs.org to animate this 3D skateboard that we also get to customize.
You can tell your friends you know how to ollie, kickflip, and frontside 360.
You can tell your friends you know how to ollie, kickflip, and frontside 360.
December 3, 2024 at 4:29 PM
Here's a peek at the Hero section for my upcoming Prismic course. We're using @gsap.com and @threejs.org to animate this 3D skateboard that we also get to customize.
You can tell your friends you know how to ollie, kickflip, and frontside 360.
You can tell your friends you know how to ollie, kickflip, and frontside 360.
Encontré una imagen en Behance la cual decidí recrear con Blender y ThreeJS - Diseñado por Michel Fernandez (Behance: xiperseime7b34)
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
December 4, 2024 at 9:24 PM
Encontré una imagen en Behance la cual decidí recrear con Blender y ThreeJS - Diseñado por Michel Fernandez (Behance: xiperseime7b34)
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
December 3, 2024 at 6:32 PM
I made this project on Blender and ThreeJS - ( shader by craftzdog )
Live: ricardoolivaalonso-three16.vercel.app
#html #css #javascript #threejs #blender #anime #ghibli #studioghibli
Live: ricardoolivaalonso-three16.vercel.app
#html #css #javascript #threejs #blender #anime #ghibli #studioghibli
November 28, 2024 at 9:17 PM
I made this project on Blender and ThreeJS - ( shader by craftzdog )
Live: ricardoolivaalonso-three16.vercel.app
#html #css #javascript #threejs #blender #anime #ghibli #studioghibli
Live: ricardoolivaalonso-three16.vercel.app
#html #css #javascript #threejs #blender #anime #ghibli #studioghibli