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.
+ moreby 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.
+ moreby Mary Lou
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
+ moreby 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
+ moreA tutorial on how to style and customize <input type="file"> in a semantic, accessible way using the <label> element and some JavaScript.
+ moreby Mary Lou
A couple of more inspirational styles for text input effects including some new techniques and ideas.
+ moreby Mary Lou
Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.
+ moreby Mary Lou
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
+ moreby 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.
+ moreby 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
+ moreby 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
+ moreby Mary Lou
A responsive multi-column form with example media queries for a flexible layout.
+ moreby Mary Lou
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.
+ moreIn this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness.
+ moreby 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.
+ moreby 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.
+ moreby 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.
+ moreA tutorial on how to create a switching login and registration form with HTML5 and CSS3.
+ moreby 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