Project made for Borked UI Jam, themed around the filling of a formulary. The idea was to create an unexpected/weird UI and UX for this task.
AI was used to generate the apology.txt and gemini 2.5 was used to give me explanations on certain aspects of the DOM, with the purpose of learning. I didnât copy-paste code from it.
https://toderodavi.github.io/feedback-form/
The plane for favicon and project banner are from lucide icons. I recommend this site if you need to find icons for your things!
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
Well, Iâm making this the final version of the project, at least for the voting phase of the Jam. If someone liked the project, vote for it! voting will be enabled in the next week. It would be cool to get in the leaderboard! Today I saw some entries and Iâm not so confident of making it - still, this also is my first project with a follower and a commenter! So I guess at least two people found it cool.
Log in to leave a comment
Also: Before I ship the project again (still waiting the previous ship to get enough votesâŠ) I may add some things, in case someone gives me feedback. If you want to, just fill the formulary! (jk, please donât try to send something by the form, just send it here, in the repo or in slack dm)
https://toderodavi.github.io/feedback-form/
As the deadline is tomorrow and I ended up adding quite a lot of things, the next blog may be the last. Will the textarea continue to be the main protagonist?! Will I add a new pointless feature instead of wrapping up this project?! Give a follow for the project to know!
Log in to leave a comment
Uhh, fun fact about âselectâ in html:
The dropdown it creates is actually an OS generation. Like, the own OS generates the dropdown with itâs own assets. As I only was capturing the browserâs screen, when clicking the select, the dropdown doesnât appear (as the rendering occurs on the OS). This also makes styling and targeting of this dropdown more limited in CSS/JS. Initially, I wanted the dropdown to cover the whole screen with a lot of options, but it would only be achievable by creating a âcustom selection elementâ, which would take a little time figuring out and I decided to let the idea aside for now.
https://toderodavi.github.io/feedback-form/
Give it a shift + f5 to hard reload css/js!
The attachments are just some wacky happenings of the implementation. I must say, getting this binary search was harder than I thought!
Check the site for the working feature!
Log in to leave a comment
I wanted to put the working feature video here, but apparently I can just attach 1 video per blog, so I decided to let the unexpected happenings! Check the site for the working feature!
https://toderodavi.github.io/feedback-form/
Expect big things for the next post!
Log in to leave a comment
the Jam deadline was moved to the 25th.
So, I decided to add some new things - starting by refactoring what was already here!
https://toderodavi.github.io/feedback-form/
Log in to leave a comment
The site wonât be updated until the next blog - As Iâm still refactoring and adding some things
Project is shipped for the Jam!
This was an unexpected first shipped project for me, as I expected it to be the extension I was doing (Iâm looking at you, Owlbear! Just you wait!)
Anyway, It was my first actual experience using the DOM, moreover to actually screw with it. It was really fun to make weird inputs and chaotic animations! I didnât even perceive the 10 hours I spent on this project.
If anyone who sees the project happens to have a cool idea to implement, tell me in the repository or here and I will look into it! Or feel free to make a pull request!
https://toderodavi.github.io/feedback-form/
(check the site yourself! The video is a small showcase for this update)
Thatâs the final devblog for this project (at least for now!) It was a cool experience to mess around with JS and CSS to make an actual horrible UI experience. Being honest, it was kinda hard to get some things working, resulting in some cool things I wanted to add being left out because of the Jamâs deadline.
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
Next blog may be the last for this project, as the deadline for the Jam is closing in and most of my ideas are already implemented.
Log in to leave a comment
Log in to leave a comment
https://toderodavi.github.io/feedback-form/
Log in to leave a comment
lmao, potentially one of the finest forms of all time
Just you wait for the next updates!
Available on: https://toderodavi.github.io/feedback-form/
This time there wonât be a video showcase; check the site!
Log in to leave a comment