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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آموزش فریم‌ورک Foundation-بخش۶-دکمه و لیست بازشو

آموزش فریم‌ورک Foundation-بخش۶-دکمه و لیست بازشو

آموزش فریم‌ورک Foundation-بخش6-دکمه و لیست بازشو » در این مقاله آموزشی، المان های دکمه و گروه دکمه‌ها (button groups)، نوارهای دکمه (Button Bars)، لیست بازشو و پلاگین clearing را بررسی می کنیم.

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

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

آموزش فریم‌ورک Foundation-بخش7-فرم سفارشی » در این مقاله، طراحی فرم‌های سفارشی در فریم‌ورک فاندیشن و نیز نحوه سفارشی کردن فرم تماس را آموزش می دهیم.

آموزش فریم‌ورک Foundation-بخش۸-alert-tooltip

آموزش فریم‌ورک Foundation-بخش۸-alert-tooltip

آموزش فریم‌ورک Foundation-بخش8-alert-tooltip » در این مقاله، المان های alert و progress و chart.js و tooltip و ریست کردن فرم را در فاندیشن آموزش می دهیم.

آموزش فریم‌ورک Foundation-بخش۹-جدول،پنل

آموزش فریم‌ورک Foundation-بخش۹-جدول،پنل

آموزش فریم‌ورک Foundation-بخش9-جدول،پنل » در این مقاله، المان های جدول (table)، پنل (panel)، جدول قیمت (Price Tables) و پلاگین Joyride را معرفی می کنیم.

آموزش فریم‌ورک Foundation-بخش۱۰-منو،ویدیو،تصویر

آموزش فریم‌ورک Foundation-بخش۱۰-منو،ویدیو،تصویر

آموزش فریم‌ورک Foundation-بخش10-منو،ویدیو،تصویر » در این مقاله، منوی چسبنده (sticky navigation)، ویدیوی ریسپانسیو، تصاویر بندانگشتی و... را آموزش می دهیم.