آموزش فریم ورک Foundation


آموزش فریم‌ورک Foundation-بخش۱-معرفی و مقدمه

آموزش فریم‌ورک Foundation-بخش1-معرفی و مقدمه » در این مقاله، فریم ورک فاندیشن foundation را معرفی می کنیم و نحوه دانلود و شروع کار را خواهیم آموخت. همچنین ویژگی‌های اختصاصی فریم‌ورک فاندیشن را بیان کرده و وب سایت های معتبر و معروفی که از این فریم ورک بهره برده اند را معرفی می کنیم.


آموزش فریم‌ورک Foundation-بخش۲-سیستم گرید

آموزش فریم‌ورک Foundation-بخش2-سیستم گرید » آموزش سیستم گرید فریم ورک فاندیشن (Foundation grid system) بهمراه معرفی پلاگین اسلایدر اوربیت orbit


آموزش فریم‌ورک Foundation-بخش۳-منو Navigation

آموزش فریم‌ورک Foundation-بخش3-منو Navigation » در این مقاله پلاگین section ، منوی کناری side nav ، زیر منو sub nav را بررسی خواهیم کرد. همچنین اتریبیوت data-section، لینک‌دهی عمقی (Deep Linking)، Sub Nav در فریم ورک فاندیشن، صفحه بندی (Pagination) و نکات صفحه‌بندی در المان pagination را بررسی می کنیم


آموزش فریم‌ورک Foundation-بخش۴-نوار بالا top bar

آموزش فریم‌ورک Foundation-بخش4-نوار بالا top bar » در این مقاله، منوی واقع در نوار بالا (top bar) را بررسی می کنیم و مثال های کاربردی را بیان می کنیم. سرفصلها: افزودن لینک های والد (Adding Parent Links)، افزودن زیرمنو (Adding Submenu)، افزودن باکس جستجو (Adding Search Input) و...


آموزش فریم‌ورک Foundation-بخش۵-سفارشی‌سازی منو

آموزش فریم‌ورک Foundation-بخش5-سفارشی‌سازی منو » نحوه شخصی سازی منوی افقی اصلی (Top Bar Customization) را آموزش می دهیم. شامل تعریف کدهای HTML و CSS دلخواه برای منو و نشانه‌گذاری نوار بالا (Top bar markup) و تنظیمات مدیا کوئری (Setting up the Media Query) و...