Ideas for Proximity Feedback with Progressive Hover Effects
by Mary Lou
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
+ more#form
Inspiration for Search UI Effects
by Mary Lou
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
+ more
Block Reveal Effects
by Mary Lou
Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decr
+ more
Styling & Customizing File Inputs the Smart Way
A tutorial on how to style and customize <input type="file"> in a semantic, accessible way using the <label> element and some JavaScript.
+ more
Some More Inspiration for Text Input Effects
by Mary Lou
A couple of more inspirational styles for text input effects including some new techniques and ideas.
+ more
Inspiration for Text Input Effects
by Mary Lou
Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.
+ more
Elastic SVG Elements
by Mary Lou
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
+ more
Fullscreen Form Interface
by Mary Lou
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.
+ more
Minimal Form Interface
by Mary Lou
A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at th
+ more
Labels: Managing User Expectations
by Patrick Cox
An article about how to manage user expectations by properly labeling UI components. The better users are able to predict what an interaction will do, the more trust
+ more
Responsive Multi-Column Form
by Mary Lou
A responsive multi-column form with example media queries for a flexible layout.
+ more
Natural Language Form with Custom Input Elements
by Mary Lou
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.
+ more
Custom Login Form Styling
In this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness.
+ more
Designing the Dreaded Form: Getting Creative
by Patrick Cox
In this follow-up article about designing forms we'll dig into how to actually become creative and apply some interesting design concepts to spice up your form.
+ more
Designing the Dreaded Form
by Patrick Cox
As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout.
+ more
Enhance Required Form Fields with CSS3
by Mary Lou
Enhance required fields in a form with this little effect. The idea is to allow better visibility for obligatory fields while de-emphasizing optional ones.
+ more
Login and Registration Form with HTML5 and CSS3
A tutorial on how to create a switching login and registration form with HTML5 and CSS3.
+ more
Animated Form Switching with jQuery
by Mary Lou
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another […
+ more