10
Skyline Clock
(codepen.io)
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
this post was submitted on 16 Jul 2026
10 points (100.0% liked)
Bad UI Battles
1218 readers
1 users here now
E̖̰͚̠̟̗ͨͫ̚͠͡r̶̢͕̠̹̙̞̯̠̄̏̐̈́ͦͫ͛̿ͨr̴̞̪̦̖̊̄̈́̐o̘͛͐͒ͬ́͜ŗ̶̲̥̣̟̠̭̫̯ͪ̏͒̀ ̷̜̻̝ͦ̀̾̏͢͞ļ͈̺̟̹͔̔̄̊̓͐͟o̶̷̶͕͎̲̙͆͐́̓̃a̛͇̼ͥ͂ͬ͐ͦ͒̽͜ḑ̔͂̊͛͗̓͏̞̤̮̦i̴̞̬͍͔̖̝͓͆ͣ͢ņ̵̮̄́ǧ͎̈̂̓̍̇̽̇̕͡ ̧̗̻̙̣̤̖͑ͬ̓̊ͪ̋ͭs̵̥̯͇͔̦̞̖̘̓͒̆͑͘͟ì҉̛̼̖̭d̷̝͓̟̗̽ͦe̶̸̼̻̲̘ͩ͌́́ͬ͡ͅb̡͓̗̫̫̔̑ͥͤͫ̏̇̿͜a̴̶̾̓͛͏̻̲̠̤͍ȓ̡̟̲̼̱͓̀̐̈ͥͣ͜͞
For intentionally bad and silly user interfaces.
What do I submit?
- A video, gif, or link of your UI in action
Can I share the UI/source code in the comments?
- Yes, please do. It's fun to play with your projects.
- Please leave the source code as a git service (or similar service) link
RULES
-
Be kind. We're here to have fun
-
No racism, sexism, or other kind of discrimination will be tolerated.
-
All posts must be a video/gif submission for an intentionally bad UI design or a request for an intentionally bad UI
Icon base by Skoll under CC BY 3.0 with modifications to add a gradient
founded 3 years ago
MODERATORS
To be fair, 90% of the point of this sub is something quick and dirty
Good point on the SCSS, I turned it on initially thinking the CSS would be more complicated then forgotten to turn it off once found it wasn't
Ooh yeah I'll do that scroll CSS change
All the way to the right? It should have a js that when drag to 23:59 it
scrollTo({left: 0}), which I've defined as 00:00, that not working for you?It's possible to scroll past 23:59.
See screenshot:
When going past 23:59, the timer shows 00:00 but the scrollbar's handle is still past half way. It's possible to scroll past 23:39 to 00:59 on the right side of the scrollbar. Going past the second 00:59 resets the scrollbar back to the first 00:00 all the way on the far left.
Ah dang, I had a feeling my func was a little naive but was like "eh, probably fine?"
lol, it's always the way. My codepen is full of not quite finished experiments