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#input
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
Simple Morphing Search
by Mary Lou
A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search resul
+ more
Basic Ready-to-Use CSS Styles
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles an
+ more