کتاب الکترونیکی JUMPSTART RESPONSIVE WEB DESIGN

کتابی که مشاهده می کنید از انتشارات SitePoint است که به زبان انگلیسی منتشر شده است.

کتاب الکترونیکی JUMPSTART RESPONSIVE WEB DESIGN شامل 164 صفحه است که پس از ثبت نام رایگان، می توانید آن را با فرمت PDF دانلود نمایید.

سرفصل های کتاب

Preface ……………………………………………………………………. ix
Who Should Read This Book …………………………………………………………….ix
Conventions Used …………………………………………………………………………….ix
Tips, Notes, and Warnings……………………………………………………… xi
Supplementary Materials…………………………………………………………………. xi
Chapter 1 The Meaning and Purpose of
Responsive Web Design……………………………………….1
History……………………………………………………………………………………………….4
Schools of Thought Within Responsive Design …………………………………5
Progressive Enhancement ……………………………………………………….5
Graceful Degradation………………………………………………………………5
Mobile First……………………………………………………………………………..5
What Do You Need To Support?………………………………………………………..6
Computers……………………………………………………………………………….6
Mobile Phones…………………………………………………………………………7
Tablets……………………………………………………………………………………..7
Hybrid Devices…………………………………………………………………………7
iv Jump Start Responsive Web DesignWearables………………………………………………………………………………..8
TV…………………………………………………………………………………………….8
Cars………………………………………………………………………………………….8
Game Consoles………………………………………………………………………..8
Print ………………………………………………………………………………………..9
Sample Application……………………………………………………………………………9
Introducing RWDFlix ……………………………………………………………….9
Computer Version ……………………………………………………………………9
Tablet Version ………………………………………………………………………..10
Mobile Version……………………………………………………………………….11
TV Version………………………………………………………………………………12
Structuring a Page with HTML5 ………………………………………………………13
Ready to Respond? ………………………………………………………………………….20
Chapter 2 The Building Blocks of Responsive
Design………………………………………………………………………21
Media Types……………………………………………………………………………………..22
Creating a Query ……………………………………………………………………………..23
Logical Queries with Only and Not………………………………………..28
Query Features ………………………………………………………………………29
Streamlining the Example App………………………………………………………..32
Table of Contents vMobile First ……………………………………………………………………………………..38
The Viewport Meta Element…………………………………………………………….39
Any Queries? ……………………………………………………………………………………46
Chapter 3 Better Responsive Structures with
Grid Systems …………………………………………………………47
What Is a Grid?………………………………………………………………………………..53
Creating Your Own Grid…………………………………………………………………..54
Flexbox…………………………………………………………………………………………….65
CSS Grid Layout……………………………………………………………………………….71
Making Grids Easier with Frameworks…………………………………………….80
Bootstrap……………………………………………………………………………….80
Foundation…………………………………………………………………………….81
What About the Demo App?……………………………………………………………83
Wrap Up…………………………………………………………………………………………..83
Chapter 4 Responsive Text……………………………….84
The History of Text…………………………………………………………………………..84
Responsive Typographical Properties in CSS……………………………………86
Fixed Sizing……………………………………………………………………………88
vi Jump Start Responsive Web DesignRelative Sizing……………………………………………………………………….91
Creating Readable Text……………………………………………………………………99
Read On ……………………………………………………………………………………….. 103
Chapter 5 Responsive Images and Video…..104
Images………………………………………………………………………………………….. 105
Responsive Dimensions………………………………………………………. 109
The Right Image for the Right Device…………………………………………… 111
srcset………………………………………………………………………………..112
The picture Element…………………………………………………………114
Responsive Video……………………………………………………………………………115
The video Element……………………………………………………………..116
Get Visual ……………………………………………………………………………………..126
Chapter 6 Responding to User Context………127
An API for Everything …………………………………………………………………..127
Based on Time……………………………………………………………………………….128
Battery Level …………………………………………………………………………………130
Geolocation…………………………………………………………………………………..135
Based on Network…………………………………………………………………………138
User Preference …………………………………………………………………………….139
Table of Contents viiAmbient Light……………………………………………………………………………….140
Vibration……………………………………………………………………………………….143
Device Orientation………………………………………………………………………..144
Responding to All………………………………………………………………………….150