In LISTING 18.3 “CSS for a Responsive Form” (page 257) I include a position for the label of an input box to hide it from view. But the position values I used would cause the browser to create massive scrollbars both vertical and horizontal.
The incorrect CSS is:
This is easily corrected by positioning the top and left styles negative 9999px each.
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.
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).
I’m excited to announce that my latest book Sams Teach Yourself Responsive Web Design in 24 Hours is out and available in bookstores and online.
If you have any questions about the book, or find any problems, I’d love to hear about it. Feel free to post comments below.
Sams Teach Yourself Responsive Web Design with in 24 Hours
This book is intended for web designers who already build websites but are interested in making their sites responsive. But it can also be used by motivated novices who have some understanding of HTML and CSS and want to build sites that use the most modern techniques.
In it you will learn the basics of RWD as well as how to make things like images, videos, tables, and forms responsive. You’ll learn about tools that are available to help create responsive sites and there is a chapter dedicated to best practices of RWD as well as showcasing multiple websites that are already using RWD to provide great designs for customers on multiple devices.
If you’ve been wanting to learn RWD, this book will make it easy.
Sams Teach Yourself Responsive Web Design in 24 Hours is available in paperback and ebook formats. Plus, you can get a Learning Lab edition that also includes videos demonstrating what you learned as well as interactive quizzes to help test your knowledge. Order your copy now.You can also look at the book’s code samples online.
I just sent in the last chapters after reviewing the copy edits and tech edits. Whew!
I am very glad to have such great editors – Jon, my tech editor, and Kitty, my copy editor. They both saved me from some major screw ups and I couldn’t have done this book without them! And as usual any errors that still make it through were not because of them.
Now I just need to finish the videos. I’ve got an editor working on editing them, so they should be done soon.
Pre-Order Sams Teach Yourself Responsive Web Design with HTML5 and CSS3 in 24 Hours Now
I’m pleased with how it’s going so far. The chapters are coming together well, and it’s been a lot of fun writing it. I’ve posted the Table of Contents on this site, and I hope to provide some other freebies related to it, as well. If there’s a chapter that’s of particular interest to you, please let me know.
Navigation is a critical part of any website design, but it’s amazing how many web designers simply “set it and forget it.” In other words, it’s tempting to create a navigation menu once and then just leave it the same for every device size. But navigation is important, and building one version and hoping it’ll work for all is very risky.
I’ve been researching how to design navigation for responsive websites and I’ve discovered a lot of great article and information. Here are my favorites:
As of today I am about half way through the writing of my next book sSams Teach Yourself Responsive Web Design with HTML5 and CSS3 in 24 Hours. If you’d like to be one of the first to know when it’s available for purchase you can sign up here or subscribe to the HTML5 blog.
I’m close to half way through the initial writing of my next book Sams Teach Yourself Responsive Web Design with HTML5 and CSS3 in 24 Hours. The full title is quite possibly the longest title in the history of the universe. Okay maybe not, there was that movie The Englishman Who Went Up a Hill But Came Down a Mountain. That looks longer, shoot, no that’s only 58 characters long!
But regardless of the length, the book is coming out soon, and I’m pretty excited. I hope you are too.
Over the next few weeks I’ll start posting more about that book as well as about HTML5 information. I’ve got some big plans for this site, and I hope you enjoy them. As always, if you have any questions about HTML, CSS, or even responsive web design, don’t hesitate to ask.