Pointless thing I made
The skyline is the middle gradient, which can be dragged left/right
Cool prototype
I'd fix the vertical scrollbar by changing SCSS' line 19 to: overflow-x: scroll;
(also, you may as well just switch the editor to CSS instead of SCSS to make it load faster)
I'm a little confused why I can't drag all the way to the right, and also why it seems that the scroller does 25 hours and not 24.
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.
lol, it's always the way. My codepen is full of not quite finished experiments
@programming.dev
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
go to feed...
@programming.dev
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
go to feed...
I'm not wearing my glasses and misread the title of this post. I'm having a lot of little coincidences today, this Oglaf I was reading a few minutes ago is oddly relevent.
save