آموزش CSS Essentials: شروع کار با CSS Grid
CSS Essentials: Getting Started with CSS Grid
آیا می خواهید طرح بندی های دو بعدی سریع و انعطاف پذیر در CSS ایجاد کنید؟ یاد بگیرید چگونه با CSS Grid!
برای این کلاس درباره CSS Grid: قدرتمندترین سیستم طرح بندی موجود در CSS، به استاد وب، سخنران و نویسنده Rachel Andrew بپیوندید. با CSS Grid، اکنون می‌توانید هم ردیف‌ها و هم ستون‌ها را تعریف کنید و آن را به یک سیستم دو بعدی تبدیل کنید که دنیای جدیدی از امکانات طرح‌بندی را باز می‌کند. راشل در سرتاسر کلاس، CSS Grid را تجزیه می‌کند و ساختارهای انعطاف‌پذیر و پاسخ‌گوی قدرتمندی را به شما نشان می‌دهد که به شما امکان می‌دهد در طرح‌های خود پیاده‌سازی کنید.
درسهای کلیدی عبارتند از:
- افزودن شکاف ها و حاشیه ها با یک خط کد
- شبکه های تودرتو برای ایجاد همپوشانی آسان
- ایجاد تصاویر قهرمان با ترکیب قرار دادن دستی و خودکار
- دارای قابلیت پاسخگویی برای مشاهده در هر اندازه صفحه نمایش
چه در CSS نسبتاً تازه کار باشید و چه از روز اول از آن استفاده کرده اید، این کلاس به شما نشان می دهد که چگونه طرح بندی های بزرگ، منحصر به فرد و نامتقارن را با سهولت و کارایی ایجاد کنید. هر توسعه‌دهنده‌ای باید درباره CSS Grid بداند، و پس از این شما آماده خواهید بود که آن را در پروژه بعدی خود پیاده‌سازی کنید.
صفحه وبلاگ خود را آپلود کنید!
چه در Codepen دنبال کرده باشید یا از ویرایشگر خودتان استفاده کرده باشید، ما دوست داریم پروژه شما را ببینیم. همچنین می‌توانید هر قطعه کد یا ایده‌ای درباره راه‌هایی که برای شروع استفاده از CSS Grid هیجان‌زده هستید، آپلود کنید.
منابع
- برای اطلاعات بیشتر از منابع راشل اندرو در CSS Grid:
- برای یک حساب رایگان Codepen:
پیوندهای تمرین
- نقطه شروع:
- تعیین اندازه آهنگ:
- شبکه های تودرتو و قرار دادن اقلام:
- ترکیب قرار دادن دستی و خودکار:
- شامل پاسخگویی:
- ترکیب چیدمان ها:
- صفحه نهایی وبلاگ:
راشل را در ، توییتر و
پیدا کنیدکلاس های بیشتر در Skillshare را کاوش کنید
- - کریستین هایلمن
- — جن لوکاس
- — ویتالی فریدمن
- — نیکلاس فلتون
درس ها Lessons
-
تعریف شبکه شما Defining Your Grid
-
گنجاندن پاسخگویی Incorporating Responsiveness
-
شبکه های تودرتو و قرار دادن اقلام Nesting Grids and Placing Items
-
معرفی CSS Grid Introducing CSS Grid
-
ترکیب Layouts Combining Layouts
-
افکار نهایی Final Thoughts
-
معرفی Introduction
-
تعریف اندازه آهنگ Defining Track Sizing
-
ترکیب قرار دادن دستی و خودکار Combining Manual and Auto Placement
-
کلاس های بیشتر در Skillshare را کاوش کنید Explore More Classes on Skillshare
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/9eb401
Rachel Andrew
توسعه دهنده وب، سخنران و نویسنده
ریچل اندرو در بریستول، انگلستان زندگی می کند. او نیمی از شرکت توسعه وب است، شرکتی که در پشت Perch CMS و قرار دارد. . کارهای روزانه او می تواند شامل هر چیزی باشد، از توسعه محصول گرفته تا توسعه CSS، و او در مورد همه این موضوعات در وبلاگ خود در rachelandrew.co.uk می نویسد. p>
راشل از سال 1996 روی وب کار می کند و تقریباً به همین مدت در مورد وب می نویسد. او نویسنده یا نویسنده 22 کتاب از جمله است و به طور منظم در تعدادی از نشریات چه به صورت آنلاین و چه آفلاین همکاری می کند. او یک کارشناس توسعه دهنده گوگل برای فناوری های وب، کارشناس دعوت شده W3C به گروه کاری CSS و سردبیر مجله Smashing است. ریچل یک سخنران مکرر در رویدادهای توسعه و طراحی وب از جمله An Event Apart، Smashing Conference و Web Directions Code است.
ریچل یک دونده مسافتی مشتاق است و دوست دارد هنگام شرکت در کنفرانس‌ها، افراد را تشویق کند تا برای دویدن بیایند، با درجات مختلف موفقیت. او همچنین یک دانشجوی خلبان و متخصص هوانوردی است. می توانید او را در توییتر به عنوان .
پیدا کنید
نمایش نظرات