Responsive Web Design in 24 Hours, Sams Teach Yourself

2,67 valoración promedio
( 3 valoraciones por Goodreads )
 
9780672338380: Responsive Web Design in 24 Hours, Sams Teach Yourself

Learn responsive web design (RWD) with HTML5, CSS3 & 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 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.


Learn how to...

  • 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?

· History of Responsive Web Design

· Why We Need Responsive Web Design

HOUR 2 : Alternatives to Responsive Web Design

· Table-Based Layouts

· CSS Layouts

· Detection Scripts

HOUR 3: The Growth of Mobile

· Basic Cell Phones

· Smartphones

· Tablets

· Retina Devices

· Why Responsive Design Is Important

HOUR 4 : Progressive Enhancement

· What Is Progressive Enhancement?

· How to Use Progressive Enhancement on a

· Website

· Benefits of Progressive Enhancement

HOUR 5 : HTML for Responsive Web Design

· Using HTML5

· Clean Code

· Don’t Forget Semantic Elements

· Validating Your HTML

HOUR 6: Basic CSS

· How to Write CSS Rules

· Embedded and External Style Sheets

· Styling Fonts and Colors

· Creating a Layout with CSS

· Understanding Cascading and Specificity

HOUR 7: Unobtrusive JavaScript

· What Is Unobtrusive JavaScript?

· How to Implement Unobtrusive JavaScript

 

PART II: BUILDING A RESPONSIVE WEBSITE

HOUR 8: Planning a Responsive Website

· Should You Make Your Website Responsive?

· How to Plan for a Responsive Website

HOUR 9: Mobile First

· Why Design for Mobile First?

· What Makes a Site Mobile Friendly?

· What About Mobile Only?

HOUR 1 0: CSS Media Queries

· What Is a Media Query?

· Media Query Expressions

HOUR 1 1: Breakpoints

· What Is a Breakpoint?

· How to Define Breakpoints in CSS

· Optimal Breakpoints

HOUR 12: Layout

· What Is Web Layout?

· Types of Layouts

· Columns in Layout

HOUR 13 : Navigation

· Why Responsive Navigation Is Important

· What Makes Navigation Mobile Friendly?

· Basic RWD Navigation Patterns

HOUR 14: Responsive Fonts and Typography

· Using Web Fonts

· Sizing Typography

· Relative Versus Absolute Font Sizes

· New CSS3 Measurement Units

HOUR 15: Creating and Using Images in RWD

· Making Images Responsive

· Improving Download Speeds

· Building and Using Retina-Ready Images

HOUR 16: Videos and Other Media in RWD

· How to Make Videos Responsive

· Making YouTube Videos Responsive

HOUR 17: Tables in Responsive Web Design

· Tables on Small Devices

· Can Tables Be Responsive?

· Where Do Layout Tables Fit in RWD?

HOUR 18 : Responsive Web Forms

· HTML5 Forms

· Making Web Forms Usable

· Creating Responsive Forms

HOUR 19 : Testing Responsive Websites

· Testing in Your Browser

· Testing in a Device for All Your Breakpoints

· How to Test When You Don’t Have the Devices

HOUR 20 : Problems with Responsive Web Design

· Responsive Designs Can Be Slow

· RWD Can Make More Work for Designers

· Not All Customers Like Responsive Sites

· RWD May Break Advertising

 

PART III: IMPROVING RESPONSIVE DESIGN

HOUR 21: Tools for Creating Responsive Web Designs

· Planning and Designing Your RWD Site

· HTML Element and CSS Tools

· Web Editors for Building Responsive Web Pages

HOUR 22 : Device and Feature Detection

· Why Use Detection Scripts

· Modernizr

· WURFL

HOUR 23: Using RESS with RWD

· What Is RESS?

· Benefits of Using RESS

· Getting Started with RESS

· When to Use RESS

HOUR 24: RWD Best Practices

· Give Everyone the Best Experience

· Use the Best Breakpoints You Can

· Be Flexible and Think Small

· Don’t Forget the Content

· Manage Costs

"Sinopsis" puede pertenecer a otra edición de este libro.

About the Author:

Jennifer Kyrnin has been teaching HTML, XML, and web design online since 1997. She has built and maintained websites of all sizes, from small, single-page brochure sites to large, million-page database-driven sites for international audiences. She lives with her husband and son and numerous animals on a small farm in Washington state.

"Sobre este título" puede pertenecer a otra edición de este libro.

Los mejores resultados en AbeBooks

1.

Kyrnin, Jennifer
Editorial: Pearson P T R (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Cantidad: 1
Librería
Paperbackshop-US
(Wood Dale, IL, Estados Unidos de America)
Valoración
[?]

Descripción Pearson P T R, 2014. PAP. Estado de conservación: New. New Book. Shipped from US within 10 to 14 business days. Established seller since 2000. Nº de ref. de la librería KB-9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 18,80
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 3,40
A Estados Unidos de America
Destinos, gastos y plazos de envío

2.

Kyrnin, Jennifer
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Cantidad: 5
Librería
GreatBookPrices
(Columbia, MD, Estados Unidos de America)
Valoración
[?]

Descripción Estado de conservación: New. Nº de ref. de la librería 21010498-n

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 19,98
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 2,25
A Estados Unidos de America
Destinos, gastos y plazos de envío

3.

Kyrnin, Jennifer
Editorial: Prentice Hall
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Cantidad: > 20
Librería
INDOO
(Avenel, NJ, Estados Unidos de America)
Valoración
[?]

Descripción Prentice Hall. Estado de conservación: New. Brand New. Nº de ref. de la librería 0672338386

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 22,05
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 2,98
A Estados Unidos de America
Destinos, gastos y plazos de envío

4.

Jennifer Kyrnin
Editorial: Pearson Education (US), United States (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Paperback Cantidad: 1
Librería
The Book Depository
(London, Reino Unido)
Valoración
[?]

Descripción Pearson Education (US), United States, 2014. Paperback. Estado de conservación: New. Language: English . Brand New Book. Learn responsive web design (RWD) with HTML5, CSS3 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 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. Learn how to.* 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 HOUR 1: What Is Responsive Web Design? * History of Responsive Web Design * Why We Need Responsive Web Design HOUR 2: Alternatives to Responsive Web Design * Table-Based Layouts * CSS Layouts * Detection Scripts HOUR 3: The Growth of Mobile * Basic Cell Phones * Smartphones * Tablets * Retina Devices * Why Responsive Design Is Important HOUR 4: Progressive Enhancement * What Is Progressive Enhancement? * How to Use Progressive Enhancement on a * Website * Benefits of Progressive Enhancement HOUR 5: HTML for Responsive Web Design * Using HTML5 * Clean Code * Don t Forget Semantic Elements * Validating Your HTML HOUR 6: Basic CSS * How to Write CSS Rules * Embedded and External Style Sheets * Styling Fonts and Colors * Creating a Layout with CSS * Understanding Cascading and Specificity HOUR 7:Unobtrusive JavaScript * What Is Unobtrusive JavaScript? * How to Implement Unobtrusive JavaScript PART II: BUILDING A RESPONSIVE WEBSITE HOUR 8: Planning a Responsive Website * Should You Make Your Website Responsive? * How to Plan for a Responsive Website HOUR 9:Mobile First * Why Design for Mobile First? * What Makes a Site Mobile Friendly? * What About Mobile Only? HOUR 10: CSS Media Queries * What Is a Media Query? * Media Query Expressions HOUR 11: Breakpoints * What Is a Breakpoint? * How to Define Breakpoints in CSS * Optimal Breakpoints HOUR 12: Layout * What Is Web Layout? * Types of Layouts * Columns in Layout HOUR 13: Navigation * Why Responsive Navigation Is Important * What Makes Navigation Mobile Friendly? * Basic RWD Navigation Patterns HOUR 14: Responsive Fonts and Typography * Using Web Fonts * Sizing Typography * Relative Versus Absolute Font Sizes * New CSS3 Measurement Units HOUR 15: Creating and Using Images in RWD * Making Images Responsive * Improving Download Speeds * Building and Using Retina-Ready Images HOUR 16: Videos and Other Media in RWD * How to Make Videos Responsive * Making YouTube Videos Responsive HOUR 17: Tables in Responsive Web Design * Tables on Small Devices * Can Tables Be Responsive? * Where Do Layout Tables Fit in RWD? HOUR 18: Responsive Web Forms * HTML5 Forms * Making Web Forms Usable * Creating Responsive Forms HOUR 19: Testing Responsive Websites * Testing in Your Browser * Testing in a Device for All Your Breakpoints * How to Test When You Don t Have the Devices HOUR 20: Problems with Responsive Web Design * Responsive Designs Can Be Slow * RWD Can Make More Work for Designers * Not All Customers Like. Nº de ref. de la librería AAS9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 26,28
Convertir moneda

Añadir al carrito

Gastos de envío: GRATIS
De Reino Unido a Estados Unidos de America
Destinos, gastos y plazos de envío

5.

Jennifer Kyrnin
Editorial: Pearson Education (US), United States (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Paperback Cantidad: 1
Librería
The Book Depository US
(London, Reino Unido)
Valoración
[?]

Descripción Pearson Education (US), United States, 2014. Paperback. Estado de conservación: New. Language: English . Brand New Book. Learn responsive web design (RWD) with HTML5, CSS3 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 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. Learn how to.* 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 HOUR 1: What Is Responsive Web Design? * History of Responsive Web Design * Why We Need Responsive Web Design HOUR 2: Alternatives to Responsive Web Design * Table-Based Layouts * CSS Layouts * Detection Scripts HOUR 3: The Growth of Mobile * Basic Cell Phones * Smartphones * Tablets * Retina Devices * Why Responsive Design Is Important HOUR 4: Progressive Enhancement * What Is Progressive Enhancement? * How to Use Progressive Enhancement on a * Website * Benefits of Progressive Enhancement HOUR 5: HTML for Responsive Web Design * Using HTML5 * Clean Code * Don t Forget Semantic Elements * Validating Your HTML HOUR 6: Basic CSS * How to Write CSS Rules * Embedded and External Style Sheets * Styling Fonts and Colors * Creating a Layout with CSS * Understanding Cascading and Specificity HOUR 7:Unobtrusive JavaScript * What Is Unobtrusive JavaScript? * How to Implement Unobtrusive JavaScript PART II: BUILDING A RESPONSIVE WEBSITE HOUR 8: Planning a Responsive Website * Should You Make Your Website Responsive? * How to Plan for a Responsive Website HOUR 9:Mobile First * Why Design for Mobile First? * What Makes a Site Mobile Friendly? * What About Mobile Only? HOUR 10: CSS Media Queries * What Is a Media Query? * Media Query Expressions HOUR 11: Breakpoints * What Is a Breakpoint? * How to Define Breakpoints in CSS * Optimal Breakpoints HOUR 12: Layout * What Is Web Layout? * Types of Layouts * Columns in Layout HOUR 13: Navigation * Why Responsive Navigation Is Important * What Makes Navigation Mobile Friendly? * Basic RWD Navigation Patterns HOUR 14: Responsive Fonts and Typography * Using Web Fonts * Sizing Typography * Relative Versus Absolute Font Sizes * New CSS3 Measurement Units HOUR 15: Creating and Using Images in RWD * Making Images Responsive * Improving Download Speeds * Building and Using Retina-Ready Images HOUR 16: Videos and Other Media in RWD * How to Make Videos Responsive * Making YouTube Videos Responsive HOUR 17: Tables in Responsive Web Design * Tables on Small Devices * Can Tables Be Responsive? * Where Do Layout Tables Fit in RWD? HOUR 18: Responsive Web Forms * HTML5 Forms * Making Web Forms Usable * Creating Responsive Forms HOUR 19: Testing Responsive Websites * Testing in Your Browser * Testing in a Device for All Your Breakpoints * How to Test When You Don t Have the Devices HOUR 20: Problems with Responsive Web Design * Responsive Designs Can Be Slow * RWD Can Make More Work for Designers * Not All Customers Like. Nº de ref. de la librería AAS9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 26,33
Convertir moneda

Añadir al carrito

Gastos de envío: GRATIS
De Reino Unido a Estados Unidos de America
Destinos, gastos y plazos de envío

6.

Jennifer Kyrnin
Editorial: Pearson Education 2014-12-09, Indianapolis, Indiana (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos paperback Cantidad: 1
Librería
Blackwell's
(Oxford, OX, Reino Unido)
Valoración
[?]

Descripción Pearson Education 2014-12-09, Indianapolis, Indiana, 2014. paperback. Estado de conservación: New. Nº de ref. de la librería 9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 25,33
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 3,35
De Reino Unido a Estados Unidos de America
Destinos, gastos y plazos de envío

7.

Jennifer Kyrnin
Editorial: Pearson Education (US)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Paperback Cantidad: 1
Librería
THE SAINT BOOKSTORE
(Southport, Reino Unido)
Valoración
[?]

Descripción Pearson Education (US). Paperback. Estado de conservación: new. BRAND NEW, Responsive Web Design in 24 Hours, Sams Teach Yourself, Jennifer Kyrnin, Learn responsive web design (RWD) with HTML5, CSS3 & 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 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. Learn how to.* 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 HOUR 1: What Is Responsive Web Design? * History of Responsive Web Design * Why We Need Responsive Web Design HOUR 2: Alternatives to Responsive Web Design * Table-Based Layouts * CSS Layouts * Detection Scripts HOUR 3: The Growth of Mobile * Basic Cell Phones * Smartphones * Tablets * Retina Devices * Why Responsive Design Is Important HOUR 4: Progressive Enhancement * What Is Progressive Enhancement? * How to Use Progressive Enhancement on a * Website * Benefits of Progressive Enhancement HOUR 5: HTML for Responsive Web Design * Using HTML5 * Clean Code * Don't Forget Semantic Elements * Validating Your HTML HOUR 6: Basic CSS * How to Write CSS Rules * Embedded and External Style Sheets * Styling Fonts and Colors * Creating a Layout with CSS * Understanding Cascading and Specificity HOUR 7:Unobtrusive JavaScript * What Is Unobtrusive JavaScript? * How to Implement Unobtrusive JavaScript PART II: BUILDING A RESPONSIVE WEBSITE HOUR 8: Planning a Responsive Website * Should You Make Your Website Responsive? * How to Plan for a Responsive Website HOUR 9:Mobile First * Why Design for Mobile First? * What Makes a Site Mobile Friendly? * What About Mobile Only? HOUR 10: CSS Media Queries * What Is a Media Query? * Media Query Expressions HOUR 11: Breakpoints * What Is a Breakpoint? * How to Define Breakpoints in CSS * Optimal Breakpoints HOUR 12: Layout * What Is Web Layout? * Types of Layouts * Columns in Layout HOUR 13: Navigation * Why Responsive Navigation Is Important * What Makes Navigation Mobile Friendly? * Basic RWD Navigation Patterns HOUR 14: Responsive Fonts and Typography * Using Web Fonts * Sizing Typography * Relative Versus Absolute Font Sizes * New CSS3 Measurement Units HOUR 15: Creating and Using Images in RWD * Making Images Responsive * Improving Download Speeds * Building and Using Retina-Ready Images HOUR 16: Videos and Other Media in RWD * How to Make Videos Responsive * Making YouTube Videos Responsive HOUR 17: Tables in Responsive Web Design * Tables on Small Devices * Can Tables Be Responsive? * Where Do Layout Tables Fit in RWD? HOUR 18: Responsive Web Forms * HTML5 Forms * Making Web Forms Usable * Creating Responsive Forms HOUR 19: Testing Responsive Websites * Testing in Your Browser * Testing in a Device for All Your Breakpoints * How to Test When You Don't Have the Devices HOUR 20: Problems with Responsive Web Design * Responsive Designs Can Be Slow * RWD Can Make. Nº de ref. de la librería B9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 22,13
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 7,77
De Reino Unido a Estados Unidos de America
Destinos, gastos y plazos de envío

8.

Jennifer Kyrnin
Editorial: Pearson Education (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Cantidad: > 20
Librería
Books2Anywhere
(Fairford, GLOS, Reino Unido)
Valoración
[?]

Descripción Pearson Education, 2014. PAP. Estado de conservación: New. New Book. Shipped from UK in 4 to 14 days. Established seller since 2000. Nº de ref. de la librería PB-9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 19,99
Convertir moneda

Añadir al carrito

Gastos de envío: EUR 10,06
De Reino Unido a Estados Unidos de America
Destinos, gastos y plazos de envío

9.

Kyrnin, Jennifer
Editorial: Sams Publishing (2014)
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Tapa blanda Primera edición Cantidad: 2
Librería
Valoración
[?]

Descripción Sams Publishing, 2014. Estado de conservación: New. "Covers HTML5, CSS3, and JavaScript"--Cover. Num Pages: 384 pages, illustrations. BIC Classification: UMW. Category: (P) Professional & Vocational. Dimension: 189 x 233 x 20. Weight in Grams: 674. . 2014. 1st Edition. Paperback. . . . . . Nº de ref. de la librería V9780672338380

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 30,14
Convertir moneda

Añadir al carrito

Gastos de envío: GRATIS
De Irlanda a Estados Unidos de America
Destinos, gastos y plazos de envío

10.

Jennifer Kyrnin
ISBN 10: 0672338386 ISBN 13: 9780672338380
Nuevos Cantidad: 2
Librería
BWB
(Valley Stream, NY, Estados Unidos de America)
Valoración
[?]

Descripción Estado de conservación: New. Depending on your location, this item may ship from the US or UK. Nº de ref. de la librería 97806723383800000000

Más información sobre esta librería | Hacer una pregunta a la librería

Comprar nuevo
EUR 30,86
Convertir moneda

Añadir al carrito

Gastos de envío: GRATIS
A Estados Unidos de America
Destinos, gastos y plazos de envío

Existen otras copia(s) de este libro

Ver todos los resultados de su búsqueda