دوره آموزش سی اس اس – قالب بندی های متغیر و سیال
Lynda – CSS – Variables and Fluid Layouts
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
هنگامی که برای اولین بار طراحی وب پاسخگو معرفی شد ، یکباره جادویی و ناکارآمد بود. طراحان مجبور بودند با شناورها کار کنند تا سیستم های مبتنی بر شبکه خود و همچنین نمایش داده های رسانه ای را هک کنند. پیشرفت های اخیر در CSS این فرآیند را ساده می کند و به شما اجازه می دهد تا طراحی شما با شرایط روانتر سازگار شود.
اما استفاده از این ویژگی های جدید مستلزم رها کردن شیوه های فعلی و انتقال به مدلی است که در آن شما کنترل دقیق برای قوام و سهولت اجرای آن را تجارت می کنید.
این دوره آموزش سی اس اس – قالب بندی های متغیر و سیال، می تواند به شما در ایجاد تغییر کمک کند. جن کرامر چگونگی انجام ریاضیات را به طور مستقیم در CSS از طریق عملکرد Calc () و اهرم خصوصیات سفارشی یا متغیرها ، برای ساده تر کردن CSS خود بیان می کند.
در طول راه ، جن نمونه هایی از نحوه استفاده از این خصوصیات را به اشتراک می گذارد ، از جمله نحوه اضافه کردن خصوصیات سفارشی برای تایپ مقیاس و کار با Flexbox و Grid.
فهرست سرفصل های دوره : آموزش Lynda – CSS – Variables and Fluid Layouts
دوره آموزش سی اس اس – قالب بندی های متغیر و سیال
- مقدمه
تکامل طراحی واکنشگرا
آنچه شما باید بدانید
- 1. یادگیری CSS calc()
نمای کلی CSS calc().
استفاده از calc() در یک مثال طرح
چالش: ایجاد یک مقیاس نوع
راه حل: ایجاد مقیاس نوع
- 2. CSS Custom Properties را بیاموزید
نمای کلی ویژگی های سفارشی CSS
ویژگی های سفارشی CSS را پیکربندی کنید
ویژگی های سفارشی CSS و وراثت
ویژگی های سفارشی CSS و متغیرهای Sass
استفاده از متغیرهای Sass
چالش: ویژگی های سفارشی را به مقیاس تایپ اضافه کنید
راه حل: ویژگی های سفارشی را به مقیاس تایپ اضافه کنید
- 3. Layouts ایجاد کنید
یک سیستم شبکه چهار ستونی ساده را علامت گذاری کنید
یک CSS شروع برای سیستم گرید ایجاد کنید
درخواست های رسانه ای را به سیستم شبکه خود اضافه کنید
CSS را برای ادغام calc() و ویژگی های سفارشی بازنویسی کنید
برای ادغام شکاف ها بین سلول های شبکه، CSS را بازنویسی کنید
فرمول طرح بندی را حتی بیشتر انعطاف پذیر کنید
چالش: ادغام پرس و جو رسانه
راه حل: یکپارچه سازی پرس و جو رسانه
- 4. یک صفحه وب را بازسازی کنید
پروژه: از calc() و خواص سفارشی استفاده کنید
مرحله 1: طرح بندی شبکه را اعمال کنید
مرحله 2: ویژگی های سفارشی را به طرح بندی شبکه اضافه کنید
مرحله 3: یک مقیاس نوع و خصوصیات سفارشی را اعمال کنید
- نتیجه
مراحل بعدی
دوره آموزش سی اس اس – قالب بندی های متغیر و سیال، Lynda – CSS – Variables and Fluid Layouts، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!
ای کاش مدتش بیشتر بود
سلام عالی بود