From the course: Creating a Responsive Web Design: Advanced Techniques

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

About this lesson

About this lesson - CSS Tutorial

From the course: Creating a Responsive Web Design: Advanced Techniques

Start my 1-month free trial Buy for my team

About this lesson

“

- In this lesson, we'll be converting the user experience of our menu system into a collapsible mobile menu for small screens. Now, in order to achieve this change in user experience for both interaction and animation, we'll need to add some JavaScript to our project. For this lesson, we'll write our own custom JavaScript file using the world's most popular, free and open-source JavaScript library, called "jQuery." jQuery allows us to more quickly script interactive and animanted user experiences by giving us a syntax that most closely matches the HTML and CSS selector syntax. Now, if you are familiar with JavaScript, or you have another animation script or framework you'd like to use, you can certainly follow along and use those frameworks instead. In either case, the process for adjusting our HTML and CSS to create the menu experience will remain the same.

Contents