The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › Design › The CSS Tricks search rocks – how do I replicate it?
Could someone supply me with a step by step way of replicating the search field top right of this page?
It’s Google Custom Search.
https://www.google.com/cse/
Sorry, I should’ve clarified – I’d like to replicate the design of this search field with CSS. I love the simplicity and expanding search field. My web developer will implement the actual search functionality.
It’s covered in one of the Lodge videos on the CCS-Tricks redesign.
Other than that, just use the Developer tools inspect the element and see what CSS is being applied.
Without opening dev mode, it seems like some hover and onClick css animations with jQuery.
Not really hard to do, but I would deff look at the tutorial Paulie_D mentioned.
