Topic Archives

HTML Forms

Design forms that improve user experience. Techniques and examples for creating effective web forms.

View all web design content

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

CSS / UI Design

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 Best Add-Ons for the Gravity Forms WordPress Plugin

8 Best Add-Ons for the Gravity Forms WordPress Plugin

WordPress

We share some free and commercially available plugins that can help to turn Gravity Forms (and your website) into a feature-packed powerhouse.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

CSS / UI Design

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

CSS / UI Design

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

CSS / JavaScript / UI Design

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

8 CSS & JavaScript Snippets for Making the Search Field Sexy

8 CSS & JavaScript Snippets for Making the Search Field Sexy

CSS / JavaScript / UI Design

From simple CSS enhancements all the way to JavaScript-infused UIs, this collection of snippets will take the humble search field up a notch.

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

8 CSS Snippets for Styling HTML Checkboxes & Radio Buttons

CSS / UI Design

We share eight unique CSS snippets that demonstrate what HTML checkboxes and radio buttons are truly capable of achieving.

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

CSS / JavaScript / UI Design

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

15 Form Validation jQuery Plugins & Libraries

15 Form Validation jQuery Plugins & Libraries

JavaScript

We have a selection of form validation jQuery plugins and libraries that will make your life a lot easier while building HTML forms.

10 Free Open-Source Date Picker JavaScript Plugins

10 Free Open-Source Date Picker JavaScript Plugins

JavaScript

Vanilla JavaScript plugins, jQuery plugins, and even extensions for Bootstrap for adding date pickers to your HTML forms.

Ten Steps to Intuitive Forms in Web Design

Ten Steps to Intuitive Forms in Web Design

UX Design / Web Design

HTML Forms that are easy to complete create increased time spent on your webpage and ultimately drive more customers to your product or service.

10 JavaScript & CSS Frameworks for Enhancing HTML Forms

10 JavaScript & CSS Frameworks for Enhancing HTML Forms

CSS / JavaScript

We have free tools, frameworks, and libraries for improving HTML forms, such as adding validation, input masks, and other visual guides.

25 Login & Registration Forms with Creative Designs

25 Login & Registration Forms with Creative Designs

Inspiration / Web Design

Ranging from minimal and modern to bright and colorful, this collection of designs will inspire you to create stunning login and registration pages.

9 Free Progress Bar JavaScript Plugins For Web Designers

9 Free Progress Bar JavaScript Plugins For Web Designers

CSS / JavaScript / UI Design

With these free JavaScript plugins, you can redesign your progress bars beautifully, and also add many useful features and custom animations.

12 Modal Window Libraries & Plugins For Your Site

12 Modal Window Libraries & Plugins For Your Site

CSS / JavaScript / UI Design

A collection of the best free plugins, libraries, and frameworks for creating modal windows. Varied features and styles to choose from.

10 Free CSS & JS Notification Alert Code Snippets

10 Free CSS & JS Notification Alert Code Snippets

CSS / JavaScript / UI Design

We’ve curated the CSS & JavaScript source code of our favorite notification messages, dialog boxes and alert windows. All free and offer plenty of options.

What COVID-19 Vaccine Scheduling Can Teach Designers

What COVID-19 Vaccine Scheduling Can Teach Designers

UX Design / Web Design

Lessons designers can learn from COVID-19 vaccine scheduling systems to improve user interfaces.

9 Custom Open Source File Upload Field Snippets

9 Custom Open Source File Upload Field Snippets

CSS / JavaScript / UI Design
12