4 Advanced Responsive Web Design Techniques

Posted inEditor's Picks
Thumbnail for 4 Advanced Responsive Web Design Techniques

Explore the latest design trends and network with the greatest minds in the design world at HOW Design Live 2015. Register here!

By now, most interactive designers have tried their hand at responsive web design. Why not take your work to the next level?

In Advanced Responsive Web Design Techniques with Brian Wood, you’ll learn how to implement cutting-edge effects that will make an impact on visitors and keep them clicking.

This three-week course covers a wide gamut of web design features that most of us have seen/used/heard of and want to be able to easily implement in our own web sites, from dynamic menus to video webpage backgrounds.

To make the process even easier for responsive web design beginners and veterans alike, Brian has provided much of the coding you’ll need to implement these processes, so you won’t be doing as much coding as you will be copying and pasting. Why reinvent the wheel?

Of course, since Brian is one of our most respected HOW U instructors, he’ll also tell you what you’re doing and how it works along the way so that you can adapt these skills to your responsive design needs in the future.

Always wanted to add an awesome jQuery feature to your online portfolio? Maybe you want to show your clients or prospective employers that you can use all of the latest CSS3 features.

Brian rounded up his favorite new web features and put together detailed explanations so that you’ll understand how they work and how to implement them.

Ready to jump in? Register for Advanced Responsive Web Design Techniques today!

Want to learn more? Here are some of the cutting-edge features you can add to your web designs in Advanced Responsive Web Design Techniques:

Add Link Effects

Screen Shot 2014-07-23 at 2.43.37 PM
Screen Shot 2014-07-22 at 9.15.55 AM

See these effects in action here.

Create Mobile Navigation


Learn more about footer anchors like this here.

Animate Your Navigation

Screen Shot 2014-07-23 at 2.50.13 PM

See the animation in action here.

Add Full Size Background Images

Screen Shot 2014-07-23 at 2.53.13 PM

You’ll also learn how to add parallax scrolling, jQuery slideshows, SVG artwork, CSS3 animations, simple CSS transitions, slide-out form fields, and more. Along the way, Brian will introduce you to the latest and greatest tools for responsive web design and development and teach you how to troubleshoot problems on your site.

Register for Advanced Responsive Web Design Techniques today!


Brian Wood is a web developer, the author of 8 books including InDesign CS2 Hands-On-Training, Adobe Illustrator CC Classroom in a Book, Adobe Muse Classroom in a Book (published by Peachpit Press), and the author of numerous training titles including Muse, Dreamweaver, InDesign, Illustrator and more. In addition to training many clients, including Nordstrom, REI, Boeing, Starbucks, Nintendo, and many others, Brian speaks regularly at national conferences, such as Adobe MAX, HOW Interactive, as well as events hosted by AIGA and other industry organizations.