CSS
CSSبیشتر ناامیدی از CSS از یک چیز میآید: آدمها خاصیتها را حفظ میکنند ولی مدل زیرین را نه. چرا این margin اعمال نشد، چرا آن عنصر وسط نمیآید، چرا z-index کار نمیکند — همه جواب دقیق دارند، و همه از سه مفهوم میآیند: آبشار، جریان، و بافت انباشت. این مسیر آن سه را محکم میکند، بعد میرود سراغ چیدمان.
پیشرفت تو
درصد هر فصل از دو چیز میآید: چقدر از بخشهایش را خواندهای (۵۵٪) و چند تمرینش را تیک زدهای (۴۵٪). همهچیز داخل مرورگر خودت میماند.
فصل
فصلها به هم وابستهاند و ترتیبشان معنا دارد. هر مسیر با پروژههای نهایی تمام میشود: ساده، متوسط، پیچیده.
آبشار و ویژگی
منشأ بیشتر «چرا اعمال نمیشود؟»
در نوبت نوشتنانتخابگرها
ترکیبی، شبهکلاس، :has() و :is().
در نوبت نوشتنمدل جعبه
margin، padding، border و border-box.
در نوبت نوشتنجریان سند
block، inline، inline-block و BFC.
در نوبت نوشتنواحدها
px، rem، em، %، vh، ch و clamp().
در نوبت نوشتنرنگ
hex، hsl، oklch، شفافیت و color-mix().
در نوبت نوشتنتایپوگرافی
خط، فاصله، font-face و فونت متغیر.
در نوبت نوشتنFlexbox
چیدمان یکبعدی — و اینکه هر خاصیت روی کدام محور اثر دارد.
در نوبت نوشتنGrid ۱
ستون، ردیف، fr و gap.
در نوبت نوشتنGrid ۲
ناحیهٔ نامدار، auto-fit، minmax و چیدمان زیرشبکه.
در نوبت نوشتنموقعیت و لایه
sticky، absolute و بافت انباشت z-index.
در نوبت نوشتنواکنشگرایی
media query، container query و طراحی سیال.
در نوبت نوشتنمتغیرهای CSS
custom property، دامنه، و ساخت تم تاریک.
در نوبت نوشتنگذار و انیمیشن
transition، keyframes و حرکتی که آزار ندهد.
در نوبت نوشتنتبدیل
translate، scale، rotate و سهبعدی.
در نوبت نوشتنRTL و خاصیت منطقی
inline-start بهجای left — درس اصلی برای فارسی.
در نوبت نوشتنمعماری CSS
BEM، لایهبندی و کدی که بشود حذفش کرد.
در نوبت نوشتنکارایی رندر
reflow، repaint، contain و اسکرول روان.
در نوبت نوشتنCSS مدرن
@layer، @container، :has()، nesting و @supports.
در نوبت نوشتنپروژهٔ ۱ — چیدمان صفحه
یک صفحهٔ کامل با Grid و Flexbox.
در نوبت نوشتنپروژهٔ سادهپروژهٔ ۲ — سیستم تم
توکن، تم روشن و تاریک، و RTL.
در نوبت نوشتنپروژهٔ متوسطپروژهٔ ۳ — رابط کامل بدون فریمورک
واکنشگرا، دسترسپذیر و با اسکرول روان.
در نوبت نوشتنپروژهٔ پیچیده