آماده سازی سایت شما برای رتینا

مدرس Brian Wood

انتشار 2015/04/17

به‌روز‌رسانی 2015/04/17

مدت زمان 3h 13m

سطح متوسط

فایل تمرینی دارد

آموزش Making Your Site Retina-Ready

با ورود صفحه نمایش های جدید خیره کننده مانند صفحه نمایش Apple Retina به بازار، بسیاری از طراحان می خواهند یاد بگیرند که چگونه سایت های خود را برای شبکیه چشم آماده کنند. این دوره چندین گزینه برای بهینه سازی گرافیک و سایر مطالب ارائه می دهد تا در نمایشگرهای شبکیه (یا HiDPI) و غیر شبکیه به طور یکسان عالی به نظر برسد. نویسنده برایان وود شامل ترکیب فونت‌های آیکون و فاویکون‌ها، بهینه‌سازی تصاویر SVG و درون خطی، و نمایش تصاویر واکنش‌گرا با استفاده از CSS، جاوا اسکریپت و راه‌حل پلی‌فیل PictureFill است.

Front-end Design Front-end Development Image Optimization Web Graphics

Introduction

Welcome ()

Using the exercise files ()

1. Introducing HiDPI or Retina

What is HiDPI (retina)? ()

Options for making your site content look better on HiDPI ()

Tools you may use along the way ()

2. Icon Fonts

Understanding icon fonts (good and bad) ()

Add your first icon font to your design ()

Use icon fonts in different situations ()

Add a hover state to icon fonts ()

Add animation to an icon font ()

3. SVG

Understanding SVG ()

Making an SVG file using Illustrator ()

Optimizing SVG ()

Adding an SVG file (.svg) to your page ()

Fixes for responsive Internet Explorer ()

Adding SVG inline ()

Fixes for inline-responsive Internet Explorer ()

Adding SVG as inline URI (and why) ()

Adding an SVG fallback for older browsers ()

4. Favicons

Understanding favicons today ()

Creating favicons ()

Adding favicons to your pages ()

5. HiDPI Images

Understanding the different methods available ()

Just use the HiDPI image (scaled) ()

Simple CSS background image swap ()

Simple JavaScript method (retina.js) ()

What is PictureFill? ()

Working with PictureFill ()

Conclusion

Resources ()

Goodbye ()

Ex_Files_Make_Retina.zip (86.9 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.