Expanding Search Bars

Looking back I’m not fully positive once this idea picked up steam. however there’s a growing quality for building semi-hidden or increasing search bars into your layout. The user clicks a simple microscope icon or clicks into the shape itself, then it expands wider to permit for a lot of text input.

expanding-search-bar

Codrops wrote an excellent tutorial regarding this subject and it’s an excellent scan for any web developer. Primarily the hidden search field is employed to avoid wasting space on the page. you may even hide the shape at the terribly prime and toggle it up/down sort of a navigation menu. this method is distinguished with responsive layouts, however even larger a lot of completed styles square measure incorporating these all-mains search fields.