Forem: Olaleye Gafar

#CodePenChallenge: Smooth Scrolling

Olaleye Gafar — Tue, 11 Jun 2024 11:12:07 +0000

Check out this Pen I made!

Scifi Scroll UI

Olaleye Gafar — Tue, 11 Jun 2024 10:54:03 +0000

Just a concept for a scroll to top option. The JS is just for the numbers and the fading. You could keep it pure CSS too.

Responsive Dashboard with Sliders and Music Player

Olaleye Gafar — Tue, 11 Jun 2024 10:42:23 +0000

This pen has a responsive dashboard with sliders and a built-in music player. With the music player, you can easily skip songs or play them on a loop. Plus, each song comes with its album cover, and there's a record player effect with a rotating animation. And when you explore the artists, albums, and songs sections, each image has a hover effect. This pen is all about making the dashboard fun!

Note: Please, do not use it in profit-making platforms and projects without permission.

Inspired by https://dribbble.com/shots/16104275-Podcast-dashboard-design-light

🎵 Music Credit:
1) Besomorph & Coopex - Redemption (ft. Riell) [NCS Release]
2) OSKI - What's The Problem? [NCS Release]
3) Unknown Brain x Rival - Control (feat. Jex) [NCS Release]
Music provided by NoCopyrightSounds

The other responsive dashboards:
1) https://codepen.io/ecemgo/pen/rNbLodN
2) https://codepen.io/ecemgo/pen/YzBZjjb

Cheese Cubism

Olaleye Gafar — Tue, 11 Jun 2024 10:29:41 +0000

Voronoi diagrams create the pattern on the cheese cube, which sits on a reflective presentation plate under a glass bell. Two octahedrons rotated against each other with their tips cut off by a plane form the handle of the glass bell.