دوره آموزشی کوئری پیشرفته رسانهای CSS
⏱️ 1 ساعت 5 دقیقه📈 پیشرفته📅 2020-08-17
مدرسین
Jen Kramer
Teaches web design and development
جزئیات دوره
در حالی که اکثر توسعه دهندگان وب بعنوان بخشی از کارشان در مورد چیدمانهای واکنشگرا، با پرس و جوهای رسانهای روبرو شدهاند، پرس و جوهای رسانهای گزینههای بسیار بیشتری نسبت به میزان بازدید ارائه میدهند. در این دوره، مربی Jen Kramer به بررسی برخی از جدیدترین و بهترین گزینههای پرس و جو رسانهای در دسترس برای Chrome، Firefox، Edge و Safari میپردازد. بیاموزید که چگونه برای سبکهای مختلف تعامل آزمایش کنید، نحوه نمایش دستگاهها را تعیین کنید، بدانید که چه وضوح تصویری دارند و برای ساختن سایتها و برنامههای بهتر این گزینهها را ترکیب کنید. او همچنین پرس و جوهای رسانهای پیچیده را با استفاده از and و not و شرایط جدا شده با کاما را پوشش میدهد. به علاوه، او به شما نشان میدهد که چگونه میتوانید از انتخاب پروژههای خود در دستگاههای قدیمی تر، این گزینهها را حفظ کنید.
مهارت ها
CSSWeb StandardsWeb DesignAdvancedFront-End Web DevelopmentWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01-پرس و جوهای رسانه ای فقط جستارهای اندازه صفحه نمایش نیستند!
- 02-کار با CodePen
1. درک ویژگی های رسانه
- 03-درک رسانه در پرسش های رسانه ای
- 04-تغییر رسانه در پرس و جوهای رسانه ای
- 05-شامل عرض در پرس و جوهای رسانه ای
- 06-شامل ارتفاع در استعلام های رسانه ای
- 07-شامل نسبت ابعاد در پرس و جوهای رسانه ای
- 08-تست برای دستگاه های تک رنگ
- 09-تست برای جهت گیری صفحه نمایش
- 10-تست برای وضوح صفحه نمایش
- 11-تست برای شناور و اشاره گر
2. پرسش های رسانه ای پیچیده
- 12-تست برای شرایط با و
- 13-تست برای شرایط با غیر
- 14-تست برای شرایط جدا شده با کاما (یا)
- 15- هدف قرار دادن دستگاه های خاص با استفاده از پرس و جوهای رسانه ای پیچیده
- 16-فقط کار با
- 17-چالش
- 18-راه حل
نتیجه
- 19- مراحل بعدی
مشاهده دوره کامل
رفتن به دوره