دوره‌ای که می‌تونه مسیر شغلیت رو عوض کنه! دوره‌ای که می‌تونه مسیر شغلیت رو عوض کنه!
🎯 ثبت نام
Alex Libby

Responsive Media in HTML5

نویسنده :Alex Libby

    دوره آموزش 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

1394/12/04 1456 438
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
کتاب های مرتبط
آموزش کار با رشته ها در سی شارپ

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

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

نویسنده: افشین رفوآ

زبان: فارسی

مشاهده کتاب و دانلود
آموزش کار با رشته ها در سی شارپ

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

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

نویسنده: افشین رفوآ

زبان: فارسی

مشاهده کتاب و دانلود
آموزش کار با رشته ها در سی شارپ

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

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

نویسنده: افشین رفوآ

زبان: فارسی

مشاهده کتاب و دانلود
نظرات شما

نظرات خود را ثبت کنید...