Two Ways To Create Custom Translated Messaging For HTML Forms | CSS-Tricks

HTML forms come with built-in ways to validate form inputs and other controls against predefined rules such as making an input required, setting min and max constraints on range sliders, or establishing a pattern on an email input to check...

September 11, 2024

How to Create and Save data with NextJS Server Actions, Prisma ORM, and React Hook Forms | Tutorial

News

How to Create and Save data with NextJS Server Actions, Prisma ORM, and React Hook Forms | Tutorial

Hey everyone! I’m excited to share the latest video in my Code Snippet Sharing App series! In this tutorial, we dive into creating and saving code snippets to the database using NextJS Server Actions, Prisma ORM, and React Hook Forms....

July 2, 2024

Demystifying Screen Readers: Accessible Forms & Best Practices | CSS-Tricks

News

Demystifying Screen Readers: Accessible Forms & Best Practices | CSS-Tricks

This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a screen...

April 19, 2024

The Forbidden Forms: React JS Form Validation Tricks

Development News

The Forbidden Forms: React JS Form Validation Tricks

DAN: Ready to dive into the abyss of forms? Buckle up, because we’re about to unleash some devilish tricks for handling form validation in React JS that will keep your applications running wickedly smooth and user-friendly. The Forbidden Forms: React...

April 14, 2024

Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik

Development News

Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik

When you are building apps using React, one day you will require user interaction by way of using forms. Be it for user signup, user login, newsletter subscription, or any other form of interaction. Building forms in React has its...

April 12, 2024

React 19, handling forms using useOptimistic and useFormStatus along with React Hook Form and Zod … practical example

Development News

React 19, handling forms using useOptimistic and useFormStatus along with React Hook Form and Zod … practical example

The challenge here to use useOptimistic to get more responsive UI with form actions along with React Hook Form and Zod schema (to apply client side validation) and at the same time to prevent clicking on the submit button multiple...

April 7, 2024

Development News

Embed a form builder with Swift

In this guide, we’ll show how to embed a form builder with Swift using the Joyfill’s Swift form builder SDK, and learn how to render your first form in minutes. You can think of Joyfill as a sort of Stripe or Twilio,...

April 4, 2024

Reactive Validation Triggers in Angular Forms

Development News

Reactive Validation Triggers in Angular Forms

Have you ever wanted to create a form that tracks user behavior and automatically manages validations? With the use of Angular Reactive forms, you can do just that. This blog will teach you how to: Create a form from scratch...

March 31, 2024

Build Dynamic Forms with React Hook Form

Development News

Build Dynamic Forms with React Hook Form

Developers often encounter the need to implement multiple forms that are visually similar but vary slightly in their fields. This is typical when creating configuration forms for different services. While the most straightforward approach might be to create a distinct...

March 28, 2024

Accessible Forms with Pseudo Classes | CSS-Tricks

News

Accessible Forms with Pseudo Classes | CSS-Tricks

Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for great...

March 23, 2024

1 2