مشخصات کتاب
-
Alex Libby
-
2014
-
انگلیسی
-
1456
-
438
-
0

Responsive Media in HTML5
دوره آموزش html
Chapter 1: Working with Responsive Images 7
Getting started 8
Beginning with fluid images 8
Catering to vendor prefixes and image formats 10
Catering to different platforms 11
Catering to HD or retina images 12
Using sprites to display responsive images 13
Determining the available viewport for use 15
Using CSS to set our viewport 16
Getting the viewport using JavaScript 18
Working out media queries 20
Using pure JS to determine page breakpoints 22
Using data tags to allow bandwidth constraints 24
Working with the <picture> tags 26
Maintaining the <picture> tag in our code 27
Working with the SVG image format for scalability 28
Using image icons for scalability 30
Building a responsive carousel 32
Creating responsive maps using Google Maps 34
Summary 35
Chapter 2: Adding Responsive Video Content 37
Getting ready 38
Determining support for <video> formats 39
Choosing the right format 39
Embedding HTML5 video content 41
Determining an available viewport for use 44Catering to fallback support 46
Using JS libraries to provide support 48
Catering to different platforms 49
Allowing for vendor prefixes 52
Displaying full-size videos 54
Summary 57
Chapter 3: Mixing Content 59
Mixing video and image content on the same page 60
Considering the pitfalls of mixing content 63
Using preloaders to reduce delays 65
Adding lazy loading support to our pages 67
Making allowances for mobile devices 70
Creating responsive images automatically 72
Automating the shrinking process 74
Summary 76
Chapter 4: Testing Responsive Media 77
A starting point for testing 78
Using Google Chrome or Opera 78
Using Firefox 79
Using Internet Explorer 80
Considering pitfalls of responsive testing 81
Testing responsive sites with online tools 83
Using tools to determine speed 87
Analyzing results 89
Digging further into the code 90
Revealing all 90
Fixing the problem 91
Summary 92
Chapter 5: Using Frameworks 93
Introducing our three examples 93
Adding responsive media to a CMS 94
Adding responsive media manually 94
Fixing a responsive issue 95
Using plugins to add responsive images 96
Adding responsive videos using plugins 98
Using plugins to embed videos 100
Implementing responsive media in Bootstrap 102
Using Bootstrap's CSS classes 102Using Less CSS to create responsive content 104
Working through the code in detail 108
Transferring to production use 109
Summary 110

کتاب آموزش گام به گام Html به زبان فارسی
آموزش آنلاين کتاب آموزش گام به گام Html به زبان فارسی
نویسنده: افشین رفوآ
زبان: فارسی

کتاب آموزش گام به گام Bootstrap به زبان فارسی
کتاب آموزش گام به گام Bootstrap به زبان فارسی
نویسنده: افشین رفوآ
زبان: فارسی

کتاب آموزش گام به گام CSS به زبان فارسی
کتاب آموزش گام به گام Bootstrap به زبان فارسی
نویسنده: افشین رفوآ
زبان: فارسی