DEV Community: Orville Chomer

Web Color "Wheel" Chart

Orville Chomer — Tue, 07 Apr 2026 02:58:50 +0000

Based off of a beautiful old web color "KiloChart" poster from 2002 which I purchased a long time ago. It was put out by the now defunct Visibone corporation.

This little tool makes it easy to find the right color(s) for your page in rgb() output.

The chart shows 42 different hues in triangle groups of 25 shades each.

Backwards Clock Fever Dream

Orville Chomer — Sun, 12 Oct 2025 02:33:22 +0000

At my uncle Marvin's house, he had a clock on the wall that ran backwards! And yet it still told the correct time. This pen is in memory of that clock.
Plus... I changed things up a bit to transport this time-keeper into the realm of a fever dream!

Crazy Rat Blowing in the Wind (CSS Only)

Orville Chomer — Sat, 24 Dec 2022 16:27:22 +0000

Here is Rizzo the rat is hanging on for dear life to a rope being blown in a strong wind!

Just messing around for a CodePen Challenge with CSS animations a bit, trying to get a better handle on:

transform-origin

I'm definitely not an expert... but it was fun!

Value of Pi (π) to 10,000 Digits

Orville Chomer — Sun, 03 Jul 2022 16:37:22 +0000

An overambitious Pen displaying the number Pi up to 10,000 digits. It can even read the number (if your browser properly supports SpeechSynthesisUtterance API). You probably aren't going to listen to the entire number being read!

There are bugs... but it was fun to try different things out!

Old TV Set in 3D CSS Challenge

Orville Chomer — Wed, 10 Nov 2021 14:44:32 +0000

My Challenge Submission:

Here above you see an old-timey TV Set I made that is playing an old black and white Lucy Show on it for a 3D CSS Challenge (see more information about the challenge below under The Challenge).

It's riffed off a @CodePen that Kevin Powell and Amit Sheen did of a cube on a tile floor with a ball bouncing up and down on it with the 'camera' orbiting around it.

Kevin and Amit's YouTube Tutorial
This is the link to the excellent video that Kevin and Amit did showing the steps to create this @CodePen: Tutorial on YouTube

Here is the @CodePen that I did to reproduce what they did in that tutorial:

Now let's talk about the challenge...

The Challenge
I ran across this Challenge Video from Kevin Powell like just two days before the ending date of a challenge. I didn't have much time left, but I thought it would be fun to whip out something 3D in CSS that had a YouTube video playing on one of the 3D surfaces.

I basically started with the cube from their demo, changed its dimensions, its color, added a YouTube IFRAME inside a DIV to play the video on the 'TV screen' and a couple more DIVs for knobs on the TV.

I made a PNG image of the TV program's title page and load it in right away. This so that something's there for the user to see on the 'TV screen' even if it take a few moments for the actual video to come up.

The video itself is hidden for several seconds so that the user will not see some junky looking YouTube loading stuff. And then it is shown after that stuff is finished displaying. The video will appear over the static image of the program title page. This is done by using a CSS animation that will change the opacity setting from 0 to 1.

I also changed the animation so that the front of the TV never goes out of view.

There's a lot of things I can think of to improve it. But it was still fun!

Here's Some Possible Ideas for the Future:

Make the knobs stick out as 3D items.
Improve the TV set's proportions.
Add some additional stuff like a speaker grill to TV.
Make it so that the knobs would work!
- Turn the volume up and down.
- Change channels and toggle between other TV shows.

Maybe you could fork my Pen and try adding some of those features yourself?

Dreadful Dropdown! 💀

Orville Chomer — Sun, 10 Oct 2021 19:58:00 +0000

Part of CodePen Challenge.

🐸 Folded Video (v2) 🐸

Orville Chomer — Thu, 18 Feb 2021 23:34:36 +0000

New improved version. Fold edges are more defined and title now follows the surface of the folded video sections.

🐸 Folded Video 🐸

Orville Chomer — Thu, 18 Feb 2021 19:56:47 +0000

🔎 Disappearing Programmer 🔎

Orville Chomer — Tue, 09 Feb 2021 13:29:55 +0000

Old programmers never die, they just fade away!

Now you see me...

🎄 Deck the Halls 🎄

Orville Chomer — Fri, 25 Dec 2020 14:19:13 +0000

Sing along with a silly fractured Christmas Carol. Decorate the page with Christmas ornaments. Have a crazy bit of Yule-Tide fun!

Merry Christmas!

SortArrayObjects() JS Function

Orville Chomer — Tue, 15 Dec 2020 19:43:37 +0000

Add code to sort an array of objects sorting on 1 or more property values in ascending and/or descending order.

The code you need to add to perform your sort is as little as 1 line!

Swirling Web Ring

Orville Chomer — Fri, 16 Oct 2020 16:20:34 +0000

For CodePen Challenge.