DEV Community

Cover image for Input Form Covered In Darkness
Takane Ichinose
Takane Ichinose

Posted on

4 1

Input Form Covered In Darkness

Input Form Covered In Darkness

Description

This time, because it should be the combination of all the pens I did for this month, I tried to combine the concepts of them all.

Although I didn't include the pen as it is, I took few assets from my past pens this month, and added those here.

In addition, I really didn't want to do this, but I couldn't think anything that is a scary UI/UX, so I made it scary because of the bad UX.

The main point of this pen is the darkness. User have to find the input form to be sent.

I created the UI of checkboxes and radio buttons using HTML and CSS.

Beware of flying stones! (Though it will not hit you)

Resources

I used Creepster as the font. I think this font is so scary.

I used GreenSock as my animation library. It is really fun to use this library.

Although it is an import from my previous pen, I used Aseprite to create the asset (Just a single stone).

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️