Responsive Web Design with HTML5 and CSS3 Essentials
图书信息
| 作者 | Alex Libby,Gaurav Gupta,Asoj Talesra |
| 出版社 | Packt Publishing |
| ISBN | 9781783553082 |
| 出版时间 | 2016-08-01 |
| 字数 | 82.6万 |
| 分类 | Asoj Talesra,Packt Publishing,进口书,外文原版书,电脑,网络 |
读书简介
Design and deliver an optimal user experience for all devices About This Book .Get to grips with the core functionality of RWD through examples.Discover how to make layouts, content and media flexible, and explore why a content-first approach is more effective.Maximize the performance of your web pages so that they work across all browsers and devices irrespective of the screen size Who This Book Is For This book is for web designers who are familiar with HTML and CSS, and want to begin with responsive web design. Web development experience and knowledge of HTML5, CSS3 is assumed. What You Will Learn .Explore various layout options.Understand what can be achieved in the browser, without the use of third-party tools.Executing media queries to benefit responsive designs.Understand the basics of responsive workflow and boilerplate frameworks.Improve performance of responsive web design.Maintain compatibility across various browsers In Detail Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing and interaction experience—providing easy reading and navigation with minimum resizing, panning, and scrolling—and all of this across a wide range of devices from desktop computer monitors to mobile phones. Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of the Internet’s total traffic. This book will give you in depth knowledge about the basics of responsive web design. You will embark on a journey of building effective responsive web pages that work across a range of devices, from mobile phones to smart TVs, with nothing more than standard markup and styling techniques. You'll begin by getting an understanding of what RWD is and its significance to the modern web. Building on the basics, you'll learn about layouts and media queries. Following this, we’ll dive into creating layouts using grid based templates. We’ll also cover the important topic of performance management, and discover how to tackle cross-browser challenges. Style and approach This is a practical example-based book which will delve into various elements and benefits of a responsive web design. It will help you understand the essential skills needed to create responsive web sites and guide you through the basics of building responsive web pages for any device. The topics are a blend of theoretical and practical essentials which will assist you to explore more about responsive web design.
目录
Responsive Web Design with HTML5 and CSS3 Essentials
Responsive Web Design with HTML5 and CSS3 Essentials
Credits
About the Authors
About the Reviewer
www.PacktPub.com
eBooks, discount offers, and more
Why subscribe?
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Downloading the color images of this book
Errata
Piracy
Questions
1. Introducing Responsive Web Design
Getting started with RWD
Exploring how RWD works
Understanding the elements of RWD
Controlling the viewport
Creating flexible grids
Making media responsive
Constructing suitable breakpoints
Appreciating the importance of RWD
Making our site accessible and intuitive
Organizing our content
Comparing RWD to adaptive design
Preparing our development environment
Considering a suitable strategy
Exploring best practices
Designing for touch
Setting up a development workflow
Discovering the requirements
Planning our site
Designing the text
Sketching our design
Prototyping and creating our design
Testing our design
Exploring mistakes
Summary
2. Creating Fluid Layouts
Introducing flexible grid layouts
Understanding the different layout types
Setting the available viewport for use
Balancing viewport against experience
Considering viewport units
Exploring the benefits of flexible grid layouts
Understanding the mechanics of grid layouts
Implementing a prebuilt grid layout
Exploring the use of flexbox
Taking a closer look
Visiting the future
Implementing a basic gallery grid
Exploring what happened
Taking it further
Summary
3. Adding Responsive Media
Making media responsive
Creating fluid images
Implementing the
Using the srcset attribute
Exploring the sizes attribute
Manipulating the HTML5
Putting it all together
Exploring what happened
Creating a real-world example
Taking things further
Making video responsive
Embedding externally hosted videos
Introducing the new HTML5 video element
Embedding HTML5 video content
Exploring what happened
Building a practical example
Exploring what happened
Exploring the risks
Making audio responsive
Taking things further
Making text fit on screen
Sizing with em units
Using rem units as a replacement
Exploring use of viewport units
Taking things further
Summary
4. Exploring Media Queries
Exploring some examples
Understanding media queries
Exploring the available media types
Listing the available media features
Introducing operators in our queries
Identifying common breakpoints
Creating custom breakpoints
Understanding the rationale
Taking care over our design
Removing the need for breakpoints
Putting our theory into practice
Creating some practical examples
Making it real
Exploring what happened
Detecting high-resolution image support
Exploring how it works
Examining some common mistakes
Exploring best practices
Taking things further
Summary
5. Testing and Optimizing for Performance
Understanding the importance of speed
Understanding why pages load slowly
Optimizing the performance
Starting with Google
Taking things further
Testing the performance of our site
Working through a desktop example
Viewing on a mobile device
Best practices
Providing support for older browsers
Considering which features to support
Let the user choose what they want
Do we need to include a whole library?
Considering cross-browser compatibility
Outlining the challenges
Understanding the drawbacks of JavaScript
Providing a CSS-based solution
Testing site compatibility
Working out a solution
Exploring tools available for testing
Viewing with Chrome
Working in Firefox
Exploring our options
Following best practices
Summary
- 我要做好孩子-导读版(黄蓓佳)
- 电子电路识图(韩雪涛)
- 语言演化生态学(穆夫温)
- 园林景观设计SketchUp 2014从入门到精通-(含1DVD)(麓山文化)
- 电动汽车设计(贺林)
- 九年级+中考-快捷英语周周练-完形填空(石骥)
- 盛世红妆(宓拉)
- 刑法评论-2016年 第1卷[总第29卷](赵秉志)
