Better form design: UX tips, tools, and tutorial – LogRocket Blog

If you’ve ever left a website because you got stuck at the sign-up, chances are the form was to blame. In fact, complications — often due to poor design — account for more than 67 percent of UX form abandonment....

April 4, 2025

Custom Validators with ControlValueAccessor in Angular: Ensuring Robust Form Validations

News

Custom Validators with ControlValueAccessor in Angular: Ensuring Robust Form Validations

Reactive Forms offers a robust way to manage form inputs, validations, and user interactions. In a previous article, we discussed managing the disabled property using ControlValueAccessor for custom form controls. This time, let’s take it a step further by exploring...

October 1, 2024

How To Make A “Scroll To Select” Form Control | CSS-Tricks

News

How To Make A “Scroll To Select” Form Control | CSS-Tricks

. We’re still working with semantic form controls, only it’s radio buttons. Madrid MAD Malta MLA What we need is to style the list of selectable controls where we are capable of managing their sizes and spacing in CSS. I’ve gone with a group of labels with...

September 25, 2024

News

Creating a SendFox Newsletter Signup Form in Next.js: A Tutorial | HackerNoon

Introduction SendFox is a popular newsletter service built by AppSumo. The company is famous for its store with lifetime deals for software. The product has limitations and is not a perfect solution, but if you need a solid tool with...

September 8, 2024

Better form design: A new approach – LogRocket Blog

News

Better form design: A new approach – LogRocket Blog

Form design is a highly underappreciated area of UX design. What’s so hard about it? You just create a few input fields with labels and a button, and that’s it. Easy-peasy, right? Well, in practice, there’s way more to it....

July 29, 2024

News

Create SendFox Signup Form in Next.js

July 9, 2024

How to Add Annotation, Redact, and Form Editor Tools to a JavaScript PDF Viewer | HackerNoon

News

How to Add Annotation, Redact, and Form Editor Tools to a JavaScript PDF Viewer | HackerNoon

As more business applications move into the web environment, it makes sense that things such as document sharing and editing also move to the browser. However, in many situations, users will need to do more than simply view a PDF...

June 28, 2024

Build a Wizard Form in React: Step-by-Step

News

Build a Wizard Form in React: Step-by-Step

Introduction Multi-step forms, often referred to as wizards, divide the user journey into a series of steps. Each step is designed to gather specific information from the user, like personal details, contact data, or preferences. By partitioning the registration or...

June 27, 2024

News

Yup: The efficient form validator

Understanding how form validation is handled and how to build a schema for it is critical as a Frontend Developer. Forms help users to interact with the system by sending their data to said system for various purposes like authentication,...

June 25, 2024

Contributing to ODK: the go-to mobile form data collection tool

News

Contributing to ODK: the go-to mobile form data collection tool

This is a post with very little code, but instead a higher level retrospective on contribution to a mature open-source project. Intro to ODK ODK is a collection of open-source tools that are used to collect data via forms designed...

June 14, 2024

1 2 3