Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
This course surveys the core principles and techniques essential to building web sites for mobile devices. Author Joe Marini introduces the mobile context, sheds light on its unique coding requirements, and discusses interface design techniques that enhance existing sites for mobile viewing. The course shows how to approach designing for mobile form factors such as smaller screens and finger-based interaction, along with how to incorporate CSS3 and HTML5 capabilities, such as geolocation, local storage, and media queries.
If you are a Premium member of the lynda.com Online Training Library, or if you are watching this tutorial on a DVD-ROM, you have access to the exercise files used throughout this title, and they are contained right in this folder here. Now even if you're not a Premium member of the Online Training Library, you will still have access to this ExampleSnippet file, which contains all the example code for the examples I've used throughout this course. It will be available as a free downloadable exercise file from the course page. The way that I've laid out the folder for the exercise files is according to the chapter in the rest of the course.
So let's take a look at one of the folders. The way that I typically work is I have two versions of each example. I have labeled _start and one labeled _finished. What I will typically do is open the start version, copy the code from the ExamplesSnippets text file, and then save it and then use this start version to test out the particular example, so you can see how it works. You can do that along with me and follow along on your own computer, or if you're impatient, like I am sometimes, you can just go ahead and open up the finished version and run through the code yourself to see how it works.
Now in this particular title, a lot of these things are going to need to be run from a local web server because we're using emulators for mobile devices that don't have access to the file system for the computer that you're probably running on, which is probably a Mac or Windows PC. We have a movie on using a local server to test these examples in the course under Chapter 3. Now if you're a Monthly subscriber or Annual subscriber to lynda.com, you don't have access to the exercise files, but you can follow along from scratch with your own assets, or you can watch me on the screen as we go.
All right! Let's get started!
There are currently no FAQs about Mobile Web Design & Development Fundamentals.
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.