Ricardo Oliva

Lin…🤔ke…🤨din…🥱?

🐐👀

My entry for the @dev.to CSS Art challenge is taking shape...

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 🥰”

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 has a CSS hackathon that finishes in a week... And there's a $500 prize! 😱

Sign up and participate.
dev.to/devteam/join...

Interesante… pero queda poco tiempo 😢

10 Cool CodePen demos 10 Cool CodePen demos from June 2025

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!

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

Ya sé a quien pedirle que me guarde unos assets 😌

Aprende a mi, publico un proyecto y desaparezco un mes... o dos 😄

Hay que darse a desear 😃

Actualización (Diorama de México): Rehíce algunos modelos y agregué otros nuevos.

#threejs #javascript #frontend

Meter a Facebook y Linkedin en la misma bolsa me parece correcto 😆😆😆

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)

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

Thanks a lot 😀

Minimal render - Blender 020

#blender #racing #car #racingcar #cycles #3D #3danimation

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

It's my duty 😅

Thanks a lot! I spent 35 hours

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

GODmani 😎

He is a businessman 🔥

Toggle pills with names of fruits and different colors

A slider with a plain in the clouds wrapped in the labels New York and Madrid

A clay Character of a woman wearing a T-shirt

A glowing toggle switch

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 😅

Tarde pero seguro - Christmas Diorama 🎅🎄

Live @CodePen: codepen.io/ricardooliva...

#html #css #javascript #threejs #blender #diorama #threejsJourney #christmas

Gracias!!!

Gracias 😅

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

Thanks a lot!!!

🍩 Little Bakery made with Blender and ThreeJS

CodePen: codepen.io/ricardooliva...

#3d #3droom #isometric #threejs #javascript #blender #bakery #frontend

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.