How much do you know about mobile design?

Mobile design is important because more and more people are moving from computers to mobile devices. It seems like every year heralds the announcement of the demise of computers and the increase in the use of mobile devices. And while that growth has been happening for a while, it really is starting to seem true. But even though we’ve been warned for years about the growth of mobile, many web designers are still reluctant to design for mobile simply because it’s a change, and change is hard.

In my latest project, the 7th edition of HTML, CSS & JavaScript Web Publishing in One Hour a Day, I give the book a focus on mobile design that it didn’t have before. I believe that responsive web design is an important, if not critical, design focus, and being responsive means being mobile friendly. So there is an entire new chapter focused on mobile design.

This lesson covers:

  • How browsing habits on mobile differs from desktop
  • Standards for writing mobile web pages
  • How to write for mobile and online customers
  • Designing pages and layout for mobile
  • Optimizing your content
  • Other habits you should get into for mobile web design

HTML for RWD—Learn the HTML You Need in a Free Chapter

Sams Teach Yourself Responsive Web Design in 24 Hours
Sams Teach Yourself Responsive Web Design in 24 Hours

While responsive web design uses CSS to adjust web designs to respond to the devices viewing the page, you need to start with good HTML. Chapter 5 of my latest book Sams Teach Yourself Responsive Web Design in 24 Hours helps you learn the basics of HTML so that you’re ready to create a responsive website.

In chapter 5, you will learn:

  • How to write HTML for RWD
  • How to build a basic web page with HTML5
  • What semantic elements are and how to use them
  • Why valid HTML is important

And this chapter is available for free on the Informit website.

Note that if you’re a complete novice to HTML, this chapter will only be a starting place. It’s intended as an introduction to the minimum HTML you might need to do RWD. If you need to learn HTML, you should check out my first Sams book: Sams Teach Yourself HTML5 in 24 Hours (get a copy).

HTML5 Learning Lab Available

HTML5 Learning Lab
HTML5 Mobile Application Development in 24 Hours Learning Lab

I’m pleased to announce that the latest version of my book Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours is available in a Learning Lab format from Pearson.

The Learning Lab takes the entire book and adds interactive quizzes, videos, step-by-step lessons, and live code editing right in the book. If you’ve wanted to do more practice while learning HTML5, this is an excellent version of the book to get.

Three Free Chapters

The first three chapters are available online for free for you to try out and see if this version will work for you.

I worked hard on these videos and on the quizzes as well as writing the entire body of text, so I hope that you enjoy the HTML5 Learning Lab.

 

Sorry for the delay — I didn’t forget the giveaway

Life just got the better of me for a while there. I’m happy to say that I’m nearly caught up. Now that school has started I might have a little more time. 🙂 But you don’t care about that, you want to know who won!

Adobe Dreamweaver CS6 on Demand by Perspection Inc. and Steve Johnson
Adobe Dreamweaver CS6 on Demand by Perspection Inc. and Steve Johnson

The following people won a copy of the book Adobe Dreamweaver CS6 on Demand:

  • Leigh C-M
  • Janet
  • Sunday ayodele
  • Lisa Vincent
  • Karen

and…

Adobe Muse on Demand by Ted LoCascio
Adobe Muse on Demand by Ted LoCascio

The following people won a copy of the book Adobe Muse on Demand:

  • Aggrey
  • Yussuf Olawale Afeez
  • Sudheer Marath
  • Kenny SILVA
  • Deb Tilton

I’ll be contacting you directly to get your mailing address and get it off to my editor. If you don’t hear from me within 10 hours, please contact me directly.

Tools to Write HTML5 and Another Giveaway

I’ve been building web pages since 1995 or 1996, and as such I am very comfortable inside the HTML. And when I started building pages, at first there were no editors dedicated to writing HTML, and then when they came along, they were text editors. Writing web pages visually, like in a word processor, was unheard of.

When visual web editors came on the market, they produced HTML that was a tangled mess of tags and characters, and they were very difficult to decipher. Plus, they would often not work as well outside the editor (i.e. inside a customer’s web browser) as they did in. So, I, like most designers of that time, quickly learned to distrust WYSIWYG (what you see is what you get) editors.

But, if you do the math, that was over 15 years ago. And the market is starting to catch up. In fact, Adobe has two products that create great HTML5 web pages without any or with very little interaction with the HTML code: Adobe Muse and Adobe Dreamweaver. I have tried out both of these products, and while they are definitely aimed at different markets, they are both great.

These two books will help you get started with these tools:

Adobe Dreamweaver CS6 On Demand and Adobe Muse On Demand

Before you decide if these books are useful to you, you should check out a free chapter:

Another Giveaway!

If you are interested in either of these books, post a comment detailing which book you are interested in and why. I have 5 copies of each book to give away. I will close comments on August 27th and pick the winners on the 28th. If you want a second chance to win, you can subscribe to this blog (in the sidebar). All subscriptions that added before the 27th will be given a second entry in the giveaway. And the benefit of subscribing is that you also get my posts about HTML5 directly in your email as soon as they go live. You can’t lose!

Read a chapter and enter to win a copy of the book

Teach Yourself HTML5 Mobile Application Development in 24 HoursIf you haven’t gotten your copy of the book yet, now is your chance to check it out in advance. I have posted a PDF copy of Hour 10: Drawing with the HTML5 CANVAS Element for you to download and read. This is a full-color PDF copy of the chapter exactly as it appears in print. If you want to learn how to build HTML5 CANVAS images, this free chapter is a great place to start.

I am pleased to announce that I have five copies of my book — Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours to give away to readers of this site or the Facebook page. To enter, simply comment on this post how you think you would use this book or why you want to learn HTML5. Winners will be chosen at random on August 1st, 2012. You can also get additional entries by liking my Facebook page and subscribing to the newsletter.

I will announce the winners here on August 2ndGood luck!