Responsive Web Design in 24 Hours, Sams Teach Yourself
Learn responsive web design (RWD) with HTML5, CSS3 a JavaScript in just 24 one-hour lessons Sams Teach Yourself Responsive Web Design in 24 Hours helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors. This bookas straightforward, step-by-step approach shows how to use HTML, CSS, and JavaScript to build the responsive sites todayas users and clients want. In just a few hours, youall be building layouts, sites, forms, and web apps that automatically adapt to virtually any device. Every lesson builds on what youave already learned, giving you a rock-solid foundation for real-world success. Learn how toab Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript Use progressive enhancement to consistently provide the right content while making the most of each device and browser Establish breakpoints and write CSS media queries to respond appropriately to each user agent Choose the right layout and wireframing approach for your site Use web fonts to control typography and choose sizes that look good on any device Master three ways to make tables responsive Build responsive forms using the latest HTML5 tags and attributes Implement responsive navigation patterns that users understand intuitively Test for responsiveness and performance Use Responsive Design + Server Side Components (RESS) to optimize performance CONTENTS AT A GLANCE PART I: INTRODUCTION TO RESPONSIVE WEB DESIGN H OUR 1: What Is Responsive Web Design? ac History of Responsive Web Design ac Why We Need Responsive Web Design HOUR 2 : Alternatives to Responsive Web Design ac Table-Based Layouts ac CSS Layouts ac Detection Scripts HOUR 3: The Growth of Mobile ac Basic Cell Phones ac Smartphones ac Tablets ac Retina Devices ac Why Responsive Design Is Important HOUR 4 : Progressive Enhancement ac What Is Progressive Enhancement? ac How to Use Progressive Enhancement on a ac Website ac Benefits of Progressive Enhancement HOUR 5 : HTML for Responsive Web Design ac Using HTML5 ac Clean Code ac Donat Forget Semantic Elements ac Validating Your HTML HOUR 6: Basic CSS ac How to Write CSS Rules ac Embedded and External Style Sheets ac Styling Fonts and Colors ac Creating a Layout with CSS ac Understanding Cascading and Specificity HOUR 7: Unobtrusive JavaScript ac What Is Unobtrusive JavaScript? ac How to Implement Unobtrusive JavaScript PART II: BUILDING A RESPONSIVE WEBSITE HOUR 8: Planning a Responsive Website ac Should You Make Your Website Responsive? ac How to Plan for a Responsive Website HOUR 9: Mobile First ac Why Design for Mobile First? ac What Makes a Site Mobile Friendly? ac What About Mobile Only? HOUR 1 0: CSS Media Queries ac What Is a Media Query? ac Media Query Expressions HOUR 1 1: Breakpoints ac What Is a Breakpoint? ac How to Define Breakpoints in CSS ac Optimal Breakpoints HOUR 12: Layout ac What Is Web Layout? ac Types of Layouts ac Columns in Layout HOUR 13 : Navigation ac Why Responsive Navigation Is Important ac What Makes Navigation Mobile Friendly? ac Basic RWD Navigation Patterns HOUR 14: Responsive Fonts and Typography ac Using Web Fonts ac Sizing Typography ac Relative Versus Absolute Font Sizes ac New CSS3 Measurement Units HOUR 15: Creating and Using Images in RWD ac Making Images Responsive ac Improving Download Speeds ac Building and Using Retina-Ready Images HOUR 16: Videos and Other Media in RWD ac How to Make Videos Responsive ac Making YouTube Videos Responsive HOUR 17: Tables in Responsive Web Design ac Tables on Small Devices ac Can Tables Be Responsive? ac Where Do Layout Tables Fit in RWD? HOUR 18 : Responsive Web Forms ac HTML5 Forms ac Making Web Forms Usable ac Creating Responsive Forms HOUR 19 : Testing Responsive Websites ac Testing in Your Browser ac Testing in a Device for All Your Breakpoints ac How to Test When You Donat Have the Devices HOUR 20 : Problems with Responsive Web Design ac Responsive Designs Can Be Slow ac RWD Can Make More Work for Designers ac Not All Customers Like Responsive Sites ac RWD May Break Advertising PART III: IMPROVING RESPONSIVE DESIGN HOUR 21: Tools for Creating Responsive Web Designs ac Planning and Designing Your RWD Site ac HTML Element and CSS Tools ac Web Editors for Building Responsive Web Pages HOUR 22 : Device and Feature Detection ac Why Use Detection Scripts ac Modernizr ac WURFL HOUR 23: Using RESS with RWD ac What Is RESS? ac Benefits of Using RESS ac Getting Started with RESS ac When to Use RESS HOUR 24: RWD Best Practices ac Give Everyone the Best Experience ac Use the Best Breakpoints You Can ac Be Flexible and Think Small ac Donat Forget the Content ac Manage CostsLearn responsive web design (RWD) with HTML5, CSS3 aamp; JavaScript in just 24 one-hour lessons Sams Teach Yourself Responsive Web Design in 24 Hours helps you create websites that work equally well on everything from smartphones and tablets to ...
| Title | : | Responsive Web Design in 24 Hours, Sams Teach Yourself |
| Author | : | Jennifer Kyrnin |
| Publisher | : | Sams Publishing - 2014-11-17 |
You must register with us as either a Registered User before you can Download this Book. You'll be greeted by a simple sign-up page.
Once you have finished the sign-up process, you will be redirected to your download Book page.
How it works:- 1. Register a free 1 month Trial Account.
- 2. Download as many books as you like (Personal use)
- 3. Cancel the membership at any time if not satisfied.
