آموزش W3.CSS: طراحی و بهینه‌سازی وب‌سایت‌های ریسپانسیو - آخرین آپدیت

ساخت پایه‌های قوی Building Strong Foundations

• مقدمه‌ای بر آموزش پیشرفته W3CSS Introduction to Advanced W3CSS Training

• طراحی ریسپانسیو در W3 CSS W3 CSS Responsive

• ادامه طراحی ریسپانسیو W3 CSS W3 CSS Responsive Continues

• تست HTML در W3 CSS W3 CSS Testing HTML

• کلاس‌های چیدمان W3 CSS W3 CSS Layout Classes

• بیشتر درباره کلاس‌های چیدمان More on Layout Classes

تعاملات پویا و افکت‌ها Dynamic Interactions & Effects

• انیمیشن‌های W3 CSS W3 CSS Animations

• انیمیشن‌های پایین، راست و مرکز Animations - Bottom Right Center

• مثال‌هایی از افکت‌های W3 CSS W3 CSS Example of Effects

• افکت‌های سیاه و سفید (Grayscale) Grayscale Effects

• منوی کشویی W3 CSS W2 CSS Dropdown

• منوی کشویی (Dropdown Menu) Menu Dropdown

• منوی کشویی کلیک‌خور Clickable Dropdown

• ادامه منوی کشویی کلیک‌خور Clickable Dropdown Continues

• آکاردئون W3 CSS W3 CSS Accordion

• افزودن توابع شخصی Adding My Function

تسلط بر سیستم‌های ناوبری Mastering Navigation Systems

• ناوبری (Navigation) در W3 CSS W3 CSS Navigation

• ادامه ناوبری W3 CSS W3 CSS Navigation Continues

• نوار ناوبری عمودی Vertical Navigation Bar

• تابع باز و بسته کردن Open and Close Function

• ناوبری کناری (Side Navigation) Side Navigation

• ناوبری کناری جمع‌شونده Collapsible Side Navigation

• ناوبری کناری ریسپانسیو و جمع‌شونده Collapsible Responsive Side Navigation

• ادامه ناوبری کناری ریسپانسیو Collapsible Responsive Side Navigation Continues

• ناوبری کناری لغزنده از راست Side Navigation Sliding from Right

• ناوبری کناری لغزنده از چپ و راست Side Navigation Sliding from Left and Right

• تب‌ها (Tabs) Tabs

• بیشتر درباره تب‌ها More on Tabs

• تب‌های قابل بستن Closable Tabs

• گرید منعطف (Fluid Grid) Fluid Grid

• ادامه گرید منعطف Fluid Grid Continues

• نمایش در صفحه نمایش متوسط Medium Screen

• عرض‌های ترکیبی و Padding ردیف‌ها Mixed Width and Row Padding

• مثالی از کلاس rest Example on rest Class

استایل‌دهی پیشرفته و کامپوننت‌ها Advanced Styling & Components

• صفحه‌بندی (Pagination) Pagination

• نوار پیشرفت (Progress Bar) Progress Bar

• دموی گالری تصاویر Demo with Example Image Gallery

• بیشتر درباره گالری تصاویر More on Example of Image Gallery

• دموی گالری سبک روزنامه Demo with Example Newspaper Gallery

• کتابخانه رنگ‌ها در صفحه وب Color Library with Webpage

• ادامه کتابخانه رنگ‌ها در صفحه وب Color Library with Webpage Continues

• مثال کاربردی کتابخانه رنگ‌ها Color Library with Webpage with Example

• کار با محتوای دمو و رنگ‌ها Working with Demo Content with Color