Ideas for Proximity Feedback with Progressive Hover Effects
by Manoela Ilic
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 Manoela Ilic
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 Manoela Ilic
A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.
+ moreby Manoela Ilic
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 Manoela Ilic
A couple of more inspirational styles for text input effects including some new techniques and ideas.
+ moreby Manoela Ilic
Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.
+ moreby Manoela Ilic
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
+ moreby Manoela Ilic
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 Manoela Ilic
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 Manoela Ilic
A responsive multi-column form with example media queries for a flexible layout.
+ moreby Manoela Ilic
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 Manoela Ilic
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 Manoela Ilic
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