آموزش CSS: طراحی و بهینه‌سازی صفحات وب واکنش‌گرا (Responsive) - آخرین آپدیت

مبانی CSS Foundations of CSS

• مقدمه Introduction

• تاریخچه History

• مرور IE و IE8 The IE and IE8

• تست و آزمایش Testing

• کالبدشناسی استایل Anatomy of Style

• افزودن استایل Adding Style

• انتخابگرها: انتخابگرهای تگ و کلاس The Selectors - Tag Selectors, Class Selectors

• انتخابگرهای ID، استایل‌دهی گروهی و انتخابگرهای عمومی ID Selectors, Styling Groups, Universal Selectors

• درخت خانوادگی HTML The HTML Family Tree

کار با انتخابگرها و متن Working with Selectors and Text

• انتخابگرهای بیشتر - بخش اول More Selectors Part 1

• انتخابگرهای بیشتر - بخش دوم More Selectors Part 2

• مفهوم Cascade (آبشاری) The Cascade

• اعمال CSS Applied CSS

• قالب‌بندی متن: فونت - بخش اول Formatting Text - Font Part 1

• قالب‌بندی متن: فونت - بخش دوم Formatting Text - Font Part 2

• قالب‌بندی متن: رنگ و اندازه فونت - بخش اول Formatting Text Color FontSize Part 1

• قالب‌بندی متن: رنگ و اندازه فونت - بخش دوم Formatting Text Color FontSize Part 2

• قالب‌بندی متن: فاصله‌گذاری - بخش اول Formatting Text - Spacing Part 1

• قالب‌بندی متن: فاصله‌گذاری - بخش دوم Formatting Text - Spacing Part 2

• حاشیه‌ها و پدینگ (Margins & Padding) - بخش اول Margins Padding Part 1

• حاشیه‌ها و پدینگ (Margins & Padding) - بخش دوم Margins Padding Part 2

• حاشیه‌ها و پدینگ (Margins & Padding) - بخش سوم Margins Padding Part 3

• پیشوندهای مرورگر (Vendor Prefixes) Vendor Prefixes

سی‌اس‌اس برای چیدمان و گرافیک CSS for Layouts and Graphics

• عرض و ارتفاع Width anf Height

• تب‌ها و Floats Taps & Floats

• گرافیک - بخش اول Graphics Part 1

• گرافیک - بخش دوم Graphics Part 2

• گرافیک - بخش سوم Graphics Part 3

• ناوبری سایت Site Navigation

• قالب‌بندی جداول - بخش اول Formatting Tables Part 1

• قالب‌بندی جداول - بخش دوم Formatting Tables Part 2

• استایل‌دهی فرم‌ها Styling Forms

• تغییر شکل‌ها (Transforms) - بخش اول Transforms Part 1

• تغییر شکل‌ها (Transforms) - بخش دوم Transforms Part 2

• تغییر شکل‌ها (Transforms) - بخش سوم Transforms Part 3

• تغییر شکل‌ها (Transforms) - بخش چهارم Transforms Part 4

• انیمیشن‌ها - بخش اول Animations Part 1

• انیمیشن‌ها - بخش دوم Animations Part 2

سی‌اس‌اس پیشرفته و طراحی واکنش‌گرا Advanced CSS and Responsive Design

• چیدمان صفحه Page Layout

• المان‌های بخش‌بندی Sectioning Elements

• ساخت چیدمان‌های مبتنی بر Float Building Float Based Layouts

• طراحی وب واکنش‌گرا (Responsive Web Design) Responsive Web Design

• مدیا کوئری‌ها - بخش اول Media Queries Part 1

• مدیا کوئری‌ها - بخش دوم Media Queries Part 2

• مدیا کوئری‌ها - بخش سوم Media Queries Part 3

• مدیا کوئری‌ها - بخش چهارم Media Queries Part 4

• موقعیت‌دهی المان‌ها - بخش اول Position Elements Part 1

• موقعیت‌دهی المان‌ها - بخش دوم Position Elements Part 2

• سی‌اس‌اس پیشرفته Advanced CSS

• بهبود و بهینه‌سازی کد CSS Improving your css