ابزار CSS: نکات و تکنیک های طرح ریزی و یک ظاهر طراحی شده

مدرس Carrie Dils

انتشار 2025/04/23

مدت زمان 1h 58m

سطح مناسب همه

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

آموزش CSS Toolkit: Tips and Techniques for Layout and Styling

در این دوره ، Carrie Dils ، توسعه دهنده مستقل ، با تمرکز بر تکنیک های عملی که باعث انعطاف پذیری ، دقت و خلاقیت در طراحی وب می شود ، شیرجه عمیق به CSS ارائه می دهد. با پایه های CSS شروع کنید و بدانید که چه موقع و چرا از عادی سازی ، تنظیم مجدد و لینت استفاده می کنید تا یک پایه پایدار و قابل حفظ ایجاد کنید. روشهای مدیریت ظروف ، اطمینان از اندازه مداوم ، حفظ نسبت ابعاد و حل چالش های تراز را کاوش کنید. به تایپوگرافی پیشرفته ، خصوصیات سفارشی و تکنیک های طرح های رنگی سازگار شیرجه بزنید. به علاوه ، یاد بگیرید که چگونه با استراتژی های چیدمان و موقعیت یابی که از شبکه ، Flexbox و شناورها استفاده می کنند ، برای ساختن طرح های پاسخگو و بصری جذاب استفاده کنید. هنگامی که این دوره را تمام کردید ، ابزارها و بینش هایی برای اصلاح مهارت های خود و ایجاد طرح های خوب ساختار یافته و تأثیرگذار خواهید داشت.

Cascading Style Sheets (CSS) Web Design

Introduction

CSS power techniques ()

What you should know ()

Using GitHub Codespaces with this course ()

1. Working with CSS

Should you use normalize, reset, or another approach? ()

Writing better CSS with stylelint ()

2. Working with Containers

The vw unit and the classic scrollbar problem ()

Consistent sizing with box-sizing: border-box ()

Using logical box properties vs. top, right, bottom, left ()

Changing writing mode ()

Align elements horizontally and vertically in any container ()

Centering psuedo-elements with absolute positioning ()

Maintaining aspect ratio in containers and images ()

Using float and clear in modern CSS ()

Wrap text around custom shapes with shape-outside ()

3. Typography and Text Effects

Understanding px, em, and rem units ()

Setting optimal line lengths with the ch unit ()

Responsive sizing with min(), max(), and clamp() ()

Making sense of the line-height property ()

Balancing text wrapping for better readability ()

Truncating text length and number of lines of text ()

Style text selection and highlighting ()

Filling text with a gradient or image ()

4. Colors and Custom Properties

Using fallback values with custom properties ()

Nesting custom properties to create functions ()

Creating light or dark mode with custom properties ()

Why hsla() colors are just better ()

5. Layout and Positioning

Should you use grid, flex, or flow? ()

Adding gaps and gutters to grid and flex ()

Pseudo-elements are true grid and flex items ()

Stacking elements using grid ()

Nesting grid items with subgrid ()

Adding fixed and sticky elements ()

Conclusion

Next steps ()

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

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

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

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

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

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

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