Designing With CSS Grid Layout

Layout در CSS همیشه یک کار دشوار بوده است: هک کردن راه حل ها با استفاده از موقعیت یابی، شناورها و flexbox یک بعدی هرگز رضایت بخش نبوده است. خوشبختانه، ابزار جدیدی برای اضافه کردن به زرادخانه ما وجود دارد: CSS Grid Layout. این یک سیستم طرح‌بندی فوق‌العاده قدرتمند است که به ما امکان می‌دهد صفحات را با استفاده از یک شبکه دو بعدی طراحی کنیم - نوعی کنترل طرح‌بندی ریز را ارائه می‌دهد که طراحان چاپ آن را مسلم می‌دانند!

Grid Layout برای مدتی در حال توسعه بوده است، اما اخیراً به عنوان یک توصیه نامزد W3C مطرح شده است و به اکثر مرورگرهای اصلی اضافه شده است، بنابراین برای زمان اصلی آماده است.

این مجموعه کوتاه از آموزش‌ها، که به صورت دستی از کانال HTML و CSS SitePoint انتخاب شده است، شما را با طرح‌بندی Grid و استفاده از آن در سایت‌های خود در کمترین زمان آماده می‌کند.

این مجموعه شامل موارد زیر است:

• مقدمه ای بر ماژول طرح بندی شبکه CSS توسط احمد عجمی
• هفت راه برای قرار دادن عناصر با استفاده از طرح بندی شبکه CSS توسط Nitish Kumar
• نحوه مرتب سازی و تراز کردن موارد در طرح بندی شبکه توسط Nitish Kumar
• راهنمای گام به گام الگوریتم قرار دادن خودکار در شبکه CSS توسط Nitish Kumar
• چگونه یک جدول کلمات متقاطع CSS خالص توسط آدریان روورث ساختم

این کتاب برای توسعه دهندگان و طراحان وب با تجربه CSS مناسب است.

**

Layout in CSS has always been a tricky task: hacking solutions using positioning, floats, and the one-dimensional flexbox has never been very satisfactory. Fortunately, there is a new tool to add to our arsenal: CSS Grid Layout. It is an incredibly powerful layout system that allows us to design pages using a two-dimensional grid - offering the kind of fine-grained layout control that print designers take for granted!

Grid Layout has been in development for a while, but has recently been made a W3C candidate recommendation and has been added to most of the major browsers, so is ready for prime time.

This short selection of tutorials, hand-picked from SitePoint's HTML & CSS channel, will get you up and running with Grid Layout and using it on your own sites in no time.

This collection includes:

• An Introduction to the CSS Grid Layout Module by Ahmad Ajmi
• Seven Ways You Can Place Elements Using CSS Grid Layout by Nitish Kumar
• How to Order and Align Items in Grid Layout by Nitish Kumar
• A Step by Step Guide to the Auto- Placement Algorithm in CSS Grid by Nitish Kumar
• How I Built a Pure CSS Crossword Puzzle by Adrian Roworth

This book is suitable for front end developers and web designers with some CSS experience.

**