2015
Lynda
Chris Converse
0:57
English
Looking to take your responsive web design skills to the next level? Learn how to create collapsible menus and add scalable vector graphics (SVGs) to your layouts. Chris Converse shares advanced techniques to style mobile menus and graphics with HTML, CSS, JavaScript, and jQuery. These videos offer practical, start-to-finish tutorials to build more efficient and flexible webpages that can adapt to different screen sizes and orientations.
Introduction
Introduction to this course
What you'll need to complete this course
About the exercise files
1. Creating a Collapsible Mobile Menu
About this lesson
Relocating the nav element
Adding a mobile link button
Removing the header height restrictions
Restyling the mobile menu
Adjusting the logo to overlap the menu
Adding JavaScript and jQuery to your project
Attaching a click event to the mobile menu button
Animating the height of the navigation
Removing the style attribute from the nav element
Where to go from here
2. Working in an SVG
About this lesson
Grouping artwork in an SVG
Adding CSS to an SVG
Adding media queries to an SVG
Changing SVG art with CSS
Using the same SVG file for all screen sizes
Where to go from here
lynda.com/CSS-tutorials/Creating-Responsive-Web-Design-Advanced-Techniques/424045-2.html
Download File Size:191.73 MB