{"product_id":"9780672338380","title":"Responsive Web Design in 24 Hours, Sams Teach Yourself","description":"\u003cp\u003e\u003c\/p\u003e\u003cp\u003e \u003cb\u003eLearn responsive web design (RWD) with HTML5, CSS3 \u0026amp; JavaScript in just 24 one-hour lessons\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003ci\u003eSams Teach Yourself Responsive Web Design in 24 Hours\u003c\/i\u003e helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors. \u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003eThis book’s straightforward, step-by-step approach shows how to use HTML, CSS, and JavaScript to build the responsive sites today’s users and clients want. In just a few hours, you’ll be building layouts, sites, forms, and web apps that automatically adapt to virtually any device. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success.\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003eLearn how to… \u003c\/p\u003e\u003cp\u003e \u003c\/p\u003e\u003cul\u003e \u003cli\u003e Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript \u003c\/li\u003e \u003cli\u003e Use progressive enhancement to consistently provide the right content while making the most of each device and browser \u003c\/li\u003e \u003cli\u003e Establish breakpoints and write CSS media queries to respond appropriately to each user agent \u003c\/li\u003e \u003cli\u003e Choose the right layout and wireframing approach for your site \u003c\/li\u003e \u003cli\u003e Use web fonts to control typography and choose sizes that look good on any device \u003c\/li\u003e \u003cli\u003e Master three ways to make tables responsive \u003c\/li\u003e \u003cli\u003e Build responsive forms using the latest HTML5 tags and attributes \u003c\/li\u003e \u003cli\u003e Implement responsive navigation patterns that users understand intuitively \u003c\/li\u003e \u003cli\u003e Test for responsiveness and performance \u003c\/li\u003e \u003cli\u003e Use Responsive Design + Server Side Components (RESS) to optimize performance \u003c\/li\u003e \u003c\/ul\u003e \u003cp\u003e \u003cb\u003eCONTENTS AT A GLANCE\u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003cb\u003e \u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e \u003cb\u003ePART I: INTRODUCTION TO RESPONSIVE WEB DESIGN\u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e \u003cb\u003eH\u003cb\u003e \u003cb\u003eOUR 1:\u003c\/b\u003e \u003c\/b\u003e \u003c\/b\u003e \u003cb\u003e \u003cb\u003e \u003cb\u003eWhat Is Responsive Web Design?\u003c\/b\u003e \u003c\/b\u003e \u003c\/b\u003e \u003cb\u003e \u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• History of Responsive Web Design\u003c\/p\u003e\u003cp\u003e• Why We Need Responsive Web Design \u003cb\u003e \u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 2\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eAlternatives to Responsive Web Design\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Table-Based Layouts\u003c\/p\u003e\u003cp\u003e• CSS Layouts\u003c\/p\u003e\u003cp\u003e• Detection Scripts\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR \u003c\/b\u003e \u003cb\u003e \u003cb\u003e3: \u003c\/b\u003eThe Growth of Mobile\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Basic Cell Phones\u003c\/p\u003e\u003cp\u003e• Smartphones\u003c\/p\u003e\u003cp\u003e• Tablets\u003c\/p\u003e\u003cp\u003e• Retina Devices\u003c\/p\u003e\u003cp\u003e• Why Responsive Design Is Important\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 4\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eProgressive Enhancement\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is Progressive Enhancement?\u003c\/p\u003e\u003cp\u003e• How to Use Progressive Enhancement on a\u003c\/p\u003e\u003cp\u003e• Website\u003c\/p\u003e\u003cp\u003e• Benefits of Progressive Enhancement\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 5\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eHTML for Responsive Web Design\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Using HTML5\u003c\/p\u003e\u003cp\u003e• Clean Code\u003c\/p\u003e\u003cp\u003e• Don’t Forget Semantic Elements\u003c\/p\u003e\u003cp\u003e• Validating Your HTML\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 6:\u003c\/b\u003e \u003cb\u003eBasic CSS\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• How to Write CSS Rules \u003c\/p\u003e\u003cp\u003e• Embedded and External Style Sheets\u003c\/p\u003e\u003cp\u003e• Styling Fonts and Colors\u003c\/p\u003e\u003cp\u003e• Creating a Layout with CSS\u003c\/p\u003e\u003cp\u003e• Understanding Cascading and Specificity\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 7:\u003c\/b\u003e \u003cb\u003eUnobtrusive JavaScript\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is Unobtrusive JavaScript?\u003c\/p\u003e\u003cp\u003e• How to Implement Unobtrusive JavaScript \u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003cb\u003ePART II: BUILDING A RESPONSIVE WEBSITE\u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 8:\u003c\/b\u003e \u003cb\u003ePlanning a Responsive Website\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Should You Make Your Website Responsive?\u003c\/p\u003e\u003cp\u003e• How to Plan for a Responsive Website\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 9:\u003c\/b\u003e \u003cb\u003eMobile First\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Why Design for Mobile First? \u003c\/p\u003e\u003cp\u003e• What Makes a Site Mobile Friendly?\u003c\/p\u003e\u003cp\u003e• What About Mobile Only?\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 1\u003c\/b\u003e \u003cb\u003e \u003cb\u003e0:\u003c\/b\u003e CSS Media Queries\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is a Media Query?\u003c\/p\u003e\u003cp\u003e• Media Query Expressions\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 1\u003c\/b\u003e \u003cb\u003e \u003cb\u003e1: \u003c\/b\u003eBreakpoints\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is a Breakpoint? \u003c\/p\u003e\u003cp\u003e• How to Define Breakpoints in CSS \u003c\/p\u003e\u003cp\u003e• Optimal Breakpoints\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR\u003c\/b\u003e \u003cb\u003e \u003cb\u003e 12: \u003c\/b\u003eLayout \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is Web Layout?\u003c\/p\u003e\u003cp\u003e• Types of Layouts\u003c\/p\u003e\u003cp\u003e• Columns in Layout\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 13\u003c\/b\u003e \u003cb\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003e \u003c\/b\u003eNavigation\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Why Responsive Navigation Is Important\u003c\/p\u003e\u003cp\u003e• What Makes Navigation Mobile Friendly?\u003c\/p\u003e\u003cp\u003e• Basic RWD Navigation Patterns\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 14\u003cb\u003e: \u003c\/b\u003e \u003c\/b\u003e \u003cb\u003eResponsive Fonts and Typography\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Using Web Fonts \u003c\/p\u003e\u003cp\u003e• Sizing Typography \u003c\/p\u003e\u003cp\u003e• Relative Versus Absolute Font Sizes\u003c\/p\u003e\u003cp\u003e• New CSS3 Measurement Units\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 15\u003cb\u003e: \u003c\/b\u003e \u003c\/b\u003e \u003cb\u003eCreating and Using Images in RWD\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Making Images Responsive\u003c\/p\u003e\u003cp\u003e• Improving Download Speeds\u003c\/p\u003e\u003cp\u003e• Building and Using Retina-Ready Images\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 16: \u003c\/b\u003e \u003cb\u003eVideos and Other Media in RWD\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• How to Make Videos Responsive\u003c\/p\u003e\u003cp\u003e• Making YouTube Videos Responsive\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 17: \u003c\/b\u003e \u003cb\u003eTables in Responsive Web Design\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Tables on Small Devices\u003c\/p\u003e\u003cp\u003e• Can Tables Be Responsive?\u003c\/p\u003e\u003cp\u003e• Where Do Layout Tables Fit in RWD?\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 18\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eResponsive Web Forms\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• HTML5 Forms\u003c\/p\u003e\u003cp\u003e• Making Web Forms Usable\u003c\/p\u003e\u003cp\u003e• Creating Responsive Forms\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 19\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eTesting Responsive Websites\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Testing in Your Browser\u003c\/p\u003e\u003cp\u003e• Testing in a Device for All Your Breakpoints\u003c\/p\u003e\u003cp\u003e• How to Test When You Don’t Have the Devices \u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 20\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eProblems with Responsive Web Design\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Responsive Designs Can Be Slow\u003c\/p\u003e\u003cp\u003e• RWD Can Make More Work for Designers\u003c\/p\u003e\u003cp\u003e• Not All Customers Like Responsive Sites\u003c\/p\u003e\u003cp\u003e• RWD May Break Advertising\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e\u003cp\u003e\u003cb\u003ePART III: IMPROVING RESPONSIVE DESIGN\u003cbr\u003e \u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 21: \u003c\/b\u003e \u003cb\u003eTools for Creating Responsive Web Designs\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Planning and Designing Your RWD Site\u003c\/p\u003e\u003cp\u003e• HTML Element and CSS Tools\u003c\/p\u003e\u003cp\u003e• Web Editors for Building Responsive Web Pages\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 22\u003c\/b\u003e \u003cb\u003e \u003cb\u003e: \u003c\/b\u003eDevice and Feature Detection\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Why Use Detection Scripts\u003c\/p\u003e\u003cp\u003e• Modernizr\u003c\/p\u003e\u003cp\u003e• WURFL\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 23: \u003c\/b\u003e \u003cb\u003eUsing RESS with RWD\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• What Is RESS?\u003c\/p\u003e\u003cp\u003e• Benefits of Using RESS\u003c\/p\u003e\u003cp\u003e• Getting Started with RESS\u003c\/p\u003e\u003cp\u003e• When to Use RESS\u003c\/p\u003e\u003cp\u003e\u003cb\u003eHOUR 24:\u003c\/b\u003e \u003cb\u003e RWD Best Practices\u003c\/b\u003e \u003c\/p\u003e\u003cp\u003e• Give Everyone the Best Experience\u003c\/p\u003e\u003cp\u003e• Use the Best Breakpoints You Can\u003c\/p\u003e\u003cp\u003e• Be Flexible and Think Small\u003c\/p\u003e\u003cp\u003e• Don’t Forget the Content\u003c\/p\u003e\u003cp\u003e• Manage Costs\u003c\/p\u003e\u003cp\u003e\u003c\/p\u003e","brand":"Sams","offers":[{"title":"Default Title","offer_id":47027307479280,"sku":"9780672338380","price":32.61,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/7593\/9824\/files\/9780672338380_p0.jpg?v=1763605097","url":"https:\/\/shop-qa.barnesandnoble.com\/products\/9780672338380","provider":"Barnes \u0026 Noble (DEV)","version":"1.0","type":"link"}