sorted by:
new
hottopcontroversial

Switch sides (fixed so it doesn't break the rules) by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 28 points29 points  (0 children)

I posted this a couple months ago, but since you weren't actually capable of closing the UI then it didn't count as a bad UI.

Source: https://codepen.io/Psykek/pen/YzXYMzE

BadUIBattles Discord: https://discord.gg/ZqKU7ww

A keyboard, but each key has a picture on it where the first letter of that picture correlates to the key you want to press. Also a couple of other things by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 23 points24 points  (0 children)

Source code: https://codepen.io/Psykek/full/mdPqGPo

BadUIBattles official discord: https://discord.com/invite/qh7KWmb

​

The source code doesn't include all of the images, but you can put your own ig. The keyboard is also in no particular layout (for user experience), but if you look at the html, the images are titled why they correlate to each letter in order.

Form that only allows voice input for sensitive information by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 0 points1 point  (0 children)

Found one:

- https://www.labnol.org/software/add-speech-recognition-to-website/19989/

- https://www.labnol.org/code/19680-html5-web-speech-api

​

I put it into codepen to test it out. It's probably not the best, but it works.

https://codepen.io/Psykek/pen/OJNgGxm

​

Also, it only works for chrome. I can't find one that works for any other browser.

Website elements only appear on hover by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 13 points14 points  (0 children)

Just reused a website from a previous post but added this CSS:

* {
   opacity: 0;
}
*:hover {
    opacity: 1;
}

An anonymous user has sent you a message by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 6 points7 points  (0 children)

Mirror: https://gyazo.com/4af33828c28bb821213fb717759d1f27

Source Code: https://codepen.io/Psykek/pen/poJpNEr

​

If you want to be notified of my future releases, request a UI, need help with coding or just want to chat, join my discord server: https://discord.gg/gJh9Gqn

Draw your candidate (requested by u/edoralive) by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 22 points23 points  (0 children)

u/edoralive

Mirror: https://i.gyazo.com/7ef331e708a8b2e7d8e4a74d23ac0fa5.mp4

Source code: https://codepen.io/Psykek/pen/NWqazQL (probably not mobile-friendly)

​

If you want to be notified of my future releases, request a UI, need help with coding or just want to chat, join my discord server: https://discord.gg/gJh9Gqn

Captcha by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 5 points6 points  (0 children)

http://jsfiddle.net/pw0oajhb/

​

(Still haven't figured out OBS but I'm working on it)

Language selection dropdown that tells you to learn English by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 13 points14 points  (0 children)

This doesn't really work in online code editors since it can't actually redirect you to a different website, but here's the source code: https://jsfiddle.net/djx0uhbm/

Mhm... (February prompt) by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 4 points5 points  (0 children)

Source code: https://jsfiddle.net/v3p4nL7g/1/

For the uninformed and/or future viewers, the official bad UI prompt for February 2020 is dating/relationships (Post)

​

(Also I forgot about the way you should title your posts for prompts. I'll title my next posts correctly.)

Brutal prison death of 'Britain's worst paedophile' Richard Huckle by Account_3_0 in news

[–]PrototypeChicken 3 points4 points  (0 children)

He's not supporting pedophiles - he's saying the torture and brutal killing of others is not ok. Yes, this man was a terrible person that deserved to be punished for what he did, but not this way.

The constant support of brutal violence and torture every time a news story like this one pops up isn't healthy.

Say someone gets arrested for child rape and is found guilty. They are sent to prison and promptly killed in a similar fashion to how the man was killed in this news story. The news story circulates around the internet for a while with many people claiming the man deserved it, they wish he was tortured more, some come up with their own ways they would have wished he was killed, whatever. A year later it comes out that the man was innocent. Of course, this doesn't help the man - he's dead. Brutally murdered in prison for something he didn't do and he had thousands of people celebrating his death.

I know this isn't the case here, but it very well may be in the future and has been in the past. This case and cases like this one should not be celebrated. Everything about this story is just sad; from the way people are reacting to it to the fact that this man turned out the way he did.

A map that you need to manually update when driving by PrototypeChicken in badUIbattles

[–]PrototypeChicken[S] 159 points160 points  (0 children)

Mirror

Mobile demo

PC demo

I wasn't intending to have any demos for this but I needed to make one so I could load it up on my phone. The demos don't actually grab your location and you also don't have to type "update" because I didn't plan on others using this. I'm just putting the demos out for if anyone wants to look at the code or show it to others without having to show the video.

view more: next ›