HTML5和CSS3响应式页面设计 (英)本·弗雷恩(Ben Frain) 著 下载 pdf 百度网盘 epub 免费 2025 电子版 mobi 在线

web访问方式的不断变化意味着屏幕尺寸和用户体验永远没有上限，响应式页面使得页面内容得以适应于现在和将来的设备。学习使用“响应和移动优先”的方法构建网站，使其能够轻松地呈现在所有的访问设备之上。通过大量的示例以及对于现代流行技术和语法的详细讲解，本书可以作为一切“响应式”实现的全面参考资料。第二版涵盖了所有前沿的技术和工具，足以让你实现杰出的响应式设计，确保项目能够经受住未来的考验。

Preface

Chapter 1: The Essentials of Responsive Web Design

Beginning our quest

Defining responsive web design

Responsive web design in a nutshell

Setting browser support levels

A brief note on tooling and text editors

Our first responsive example

Our basic HTML file

Taming images

Enter media queries

Amending the example for a larger screen

The shortcomings of our example

Summary

Chapter 2: Media Queries - Supporting Differing Viewports

Why media queries are needed for a responsive web design

Basic conditional logic in CSS

Media query syntax

Media queries in link tags

Combining media queries

Media queries with @import

Media queries in CSS

What can media queries test for?

Using media queries to alter a design

Any CSS can be wrapped in a media query

Media queries for HiDPI devices

Considerations for organizing and authoring media queries

Linking to different CSS files with media queries

The practicalities of separating media queries

Nesting media queries 'inline'

Combine media queries or write them where it suits?

The viewport meta tag

Media Queries Level 4

Scripting media feature

Interaction media features

The hover media feature

Environment media features

Summary

Chapter 3: Fluid Layouts and Responsive Images

Converting a fixed pixel design to a fluid proportional layout

Why do we need Flexbox?

Inline block and whitespace

Floats

Table and table-cell

Introducing Flexbox

The bumpy path to Flexbox

Browser support for Flexbox

Leave prefixing to someone else

Getting Flexy

Perfect vertically centered text

Offset items

Reverse the order of items

How about if we want them laid out vertically instead?

Column reverse

Different Flexbox layouts inside different media queries

Inline-flex

Flexbox alignment properties

The align-items property

The align-self property

Possible alignment values

The justify-content property

The flex property

Simple sticky footer

Changing source order

Wrapping up Flexbox

Responsive images

The intrinsic problem of responsive images

Simple resolution switching with srcset

Advanced switching with srcset and sizes

Did you say the browser 'might' pick one image over another?

Art direction with the picture element

Facilitate new-fangled image formats

Summary

Chapter 4:HTML5 for Responsive Web Designs

Chapter 5:CSS3 - Selectors, Typography, Color Modes, and New Features

Chapter 6: Stunning Aesthetics with CSS3

Chapter 7: Using SVGs for Resolution Independence

Chapter 8: Transitions, Transformations, and Animations

Chapter 9: Conquer Forms with HTML5 and CSS3

Chapter 10: Approaching a Responsive Web Design

Index

本·弗雷恩，Ben Frain has been a web designer/developer since 1996. He is currently employed as a Senior Front-end Developer at Bet365.Before the web, he worked as an underrated (and modest) TV actor and technology journalist, having graduated from Salford University with a degree in Media and Performance.

He has written four equally underrated (his opinion) screenplays and still harbors the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures.Playing indoor football while his body and wife still allow it, and wrestling with his two sons.

His other book, Sass and Compass for Designers is available now. Visit Ben online at www. benfrain, corn and follow him on Twitter at twitter, com/benfrain.

暂无出版社相关信息，正在全力查找中！

暂无相关书籍摘录，正在全力查找中！

在线阅读地址：HTML5和CSS3响应式页面设计 (英)本·弗雷恩(Ben Frain) 著在线阅读

在线听书地址：HTML5和CSS3响应式页面设计 (英)本·弗雷恩(Ben Frain) 著在线收听

在线购买地址：HTML5和CSS3响应式页面设计 (英)本·弗雷恩(Ben Frain) 著在线购买

暂无原文赏析，正在全力查找中！

书籍介绍

Web访问方式的不断变化意味着屏幕尺寸和用户体验永远没有上限，响应式Web页面使得页面内容得以适应于现在和将来的设备。

学习以“响应和移动优先”方法来构建网站，使其能够轻松地呈现在所有的访问设备之上。通过大量的示例以及对于现代流行技术和语法的详细讲解，本书可以作为一切“响应式”实现的全面参考资料。

本·弗雷恩编著的《HTML5和CSS3响应式页面设计（第2版影印版）（英文版）》涵盖了所有最前沿的技术和工具，足以让你实现杰出的响应式设计，确保项目能够经受住未来的考验。

目标读者你是否正在编写两个网站：一个用于移动设备，一个用于大尺寸显示器？或者你可能已经实现了自己的首个响应式网站（响应式Web设计），但是正在为如何完善抓耳挠腮？如果是这样的话，本书为你提供了所需要的一切内容，可以帮助你的网站更上一层楼

。

如果已经学习过HTML和CSS的相关知识自然更好，其他你所需要的知识都已经尽在书中了。

你将从本书中学到什么理解什么是响应式设计，为什么它对于现代Web开发至关重要。

学习编写简洁、快速、更语义化的HTML6标记，理解所有新添加的重要元素。

如何使用CSS3的媒体查询为不同的设备应用不同的样式，理解CSS4中出现的新型媒体查询。

学习如何根据屏幕尺寸、设备分辨率或者环境载入不同的图像。

征服表单！只依靠HTML5标记添加表单验证和有用的界面元素（如日期拣选器和范围滑块）。

在响应式设计中加入SVG以提供分辨率无关图像，并学习如何实现动画效果。

学习如何使用包括Flexbox、定制字体、nth—child选择器、CSS定制属性（变量）以及CSScalc函数在内的最新CSS特性。