Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
The many ways visitors access web sites, via mobile devices, tablets, and desktops, now requires sites to incorporate responsive design elements that adapt to different screen sizes and browsers. In this course, Morten Rand-Hendriksen demonstrates design strategies, best practices, and actual code examples for creating a responsive web site. The course covers layout, navigation, responsive video embedding, and content sliders. The final chapter shows how to create an index page with jQuery Masonry, a jQuery plugin that helps you create dynamic grid layouts.
All lynda.com members will have access to the key assets of this course, the starting state of the Anaximander theme, and a code snippets file. If you're a Premium member of the lynda.com online training library, you have access to all of the exercise files used throughout this course. In the Exercise Files folder you will find the Anaximander theme in the Static version when we start off, along with a code snippets file, and you'll also find a folder for each of the chapters in which we make changes to the code.
The way this works is, for example, if you start on chapter 10, movie number 02, you have a set of files that are the starting point where I'm starting in this movie. That means if you want to ensure that your code matches mine exactly, or if you're jumping in in the middle of the course, you can reset your theme to match mine. The way you do that is by opening your WordPress installation on your computer, or WordPress on your server, and then navigating to the theme, so here we have an Anaximander-Static, and then you grab all the content inside this exercise files folder and simply copy it in, overwriting what's in the current folder with what you're copying in.
This will ensure that for each movie, you're always starting at the same place as me.
There are currently no FAQs about WordPress: Building Responsive Themes.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.