Create an Expandable Search Bar from Scratch (Vanilla JS)

Опубликовано: 14 Октябрь 2024
на канале: DesignCourse
16,654
666

https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free!
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, we'll take a look at how to create an search icon that expands into a full search bar. We'll work with some vanilla JS dom manipulation to modify CSS, a placeholder typerwriter effect, CSS animations and much more!

Codepen for this tutorial:
https://codepen.io/designcourse/pen/x...

Enjoy!

- - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter:   / designcoursecom  

Join my Discord!   / discord  
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!