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.
That brings us to the end of Mobile Web Design and Development Fundamentals. I hope you enjoyed learning about mobile technologies and looking at ways to take web sites and make them work well on mobile devices. So you're probably wondering where you might want to go next to learn more about this subject. Well, the good news is that right here on lynda.com there are a variety of places where you can go next. Here in the HTML section there are several courses on HTML5 technologies, which we touched briefly on throughout this course.
So I would go and look at some of those next. If you're doing iOS web application development specifically, there's a course called iOS 4 Web Applications with HTML5 and CSS3, and this course contains a lot of great information about some of the stuff that I talked about in this course, but a little more in depth. So you might want to take a look at that next. And then of course there's the Web Design Fundamentals course. We talked about some web design issues in this course as they related to mobile and taking desktop web sites and getting them onto mobile devices.
I would go take a look at the Web Design Fundamentals course as a good refresher to remind yourself what good design practices are and how to really set up your web sites, so that it will be easy to translate to more than one form factor, such as tablets and mobile devices. Next, I would go to a look at the CSS courses that are available here, especially the CSS3 First Look and the CSS2 Essential Training titles. In fact, I probably take a look at CSS for developers as well. These are all great courses that dive more deeply into some of the CSS layout issues and cover some of the subject you're going to run into when you're designing layouts for more than one form factor.
There is of course always the HTML5 specification, available on the W3C's web site here at w3.org. This is a great place to go and find out reference information for HTML5. There is some good demo sites that you can look at as well. There's is an HTML5 Demos web site which I sometimes refer to when I am looking for good demos to see how HTML5 works on my web pages on both desktop and mobile, and that's this site right here: it's html5demos.com. And the IE Test Drive, provided by Microsoft, has a huge number of demos related to HTML5 and graphics and so on.
You can get to it just by going to the Test Drive and then clicking on the HTML5 Demos link, and you'll see a whole bunch of great stuff here to look at and learn about HTML5 and CSS3, and so on. Go out, make great web sites, make great mobile web sites, and we'll see you soon.
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.