آموزش استاد CSS شوید: ۳۰ پروژه را در ۳۰ روز کدنویسی کنید - آخرین آپدیت

Welcome to CSS in 30 Days!

• به CSS در 30 روز خوش آمدید! شروع کنیم. Welcome to CSS in 30 Days! Let's get started.

• نحوه دانلود فایل های دوره و قالب Here's How to Download the Course & Theme Files

• مهم: دانلود فایل های قالب مورد نیاز Important: Required Theme Files Download

• دانلود: فایل های کامل دوره (همه 30 پروژه) Download: Complete Course Files (All 30 Projects)

کدنویسی 30 پروژه در CSS Code 30 Projects in CSS

• پروژه 1: استایل دهی دکمه های شیک CSS (بخش 1) Project 1: Style Fancy CSS Buttons (Part 1)

• پروژه 1: استایل دهی دکمه های شیک CSS (بخش 2) Project 1: Style Fancy CSS Buttons (Part 2)

• پروژه 1: استایل دهی دکمه های شیک CSS (بخش 3) Project 1: Style Fancy CSS Buttons (Part 3)

• پروژه 2: ترفندهای جالب تایپوگرافی فقط با CSS Project 2: Cool Typography Tricks with CSS Only

• پروژه 3: برش تصاویر با CSS Project 3: Clipping Images with CSS

• پروژه 4: استایل دهی یک فرم ثبت نام در CSS Project 4: Style a Registration Form in CSS

• پروژه 5: سفارشی سازی تصاویر خراب در CSS Project 5: Customize Your Broken Images in CSS

• پروژه 6: استایل های چاپ زیبا با CSS!؟ Project 6: Pretty Print Styles with CSS!?

• پروژه 7: دستکاری تصاویر در CSS Project 7: Image Manipulation in CSS

• پروژه 8: "کشیدن" یک سوپر ماریو 8 بیتی با CSS Project 8: "Draw" an 8-bit Super Mario with CSS

• پروژه 9: ایجاد لایوت با شناورهای قدیمی Project 9: Create Layouts with Old School Floats

• پروژه 10: ایجاد یک جدول قیمت گذاری در CSS Project 10: Create a Pricing Table in CSS

• پروژه 11: هک های اینترنت اکسپلورر در CSS Project 11: Internet Explorer Hacks in CSS

• پروژه 12: متغیرهای CSS! Project 12: CSS Variables!

• پروژه 13: فوترهای چسبان! Project 13: Sticky Footers!

• پروژه 14: هدرهای چسبان! Project 14: Sticky Headers!

• پروژه 15: سایدبارهای چسبان! Project 15: Sticky Sidebars!

• پروژه 16: ایجاد یک پنجره بازشو (Modal) در CSS Project 16: Create a Pop Up (Modal) Window in CSS

• پروژه 17: کدنویسی یک انیمیشن پک من و شبح در CSS Project 17: Code a Pacman & Ghost Animation in CSS

• پروژه 18: تولتیپ های کاربردی در CSS Project 18: Useful Tooltips in CSS

• پروژه 19: نوارهای پیشرفت متحرک فقط با CSS Project 19: Animated CSS Only Progress Bars

• پروژه 20: هرمی مثلثی متحرک فقط با CSS Project 20: Animated CSS Only Triangle Pyramid Thingy

• پروژه 21: اسپینرها و لودرهای فقط CSS Project 21: CSS Only Spinners & Loaders

• پروژه 22: ایجاد لایوت های مدرن به آسانی با Flexbox! Project 22: Create Modern Layouts Easily with Flexbox!

• پروژه 23: آکاردئون فقط با CSS Project 23: CSS Only Accordion

• پروژه 24: قانون supports@ در CSS Project 24: @supports Rule in CSS

• پروژه 25: پنل های کشویی در CSS Project 25: Sliding Panels in CSS

• پروژه 26: ایجاد یک افکت لایه سه بعدی جالب در CSS Project 26: Create a Cool 3D Layer Effect in CSS

• پروژه 27: منوهای کشویی فقط با CSS Project 27: CSS Only Dropdown Menus

• پروژه 28: بهینه سازی CSS خود Project 28: Optimize Your CSS

• پروژه 29: ایجاد یک افکت تار با CSS Project 29: Create a Blurred Effect with CSS

• پروژه 30: تصویر فنجان قهوه فقط با CSS! Project 30: CSS Only Coffee Cup Illustration!