دانلود آموزش

Flexbox ها کدهای جدید در CSS می باشند که توسط W3C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها بخصوص سایت های ریسپانسیو ارائه شده است. پس از منسوخ شدن استفاده از table در طراحی قالب سایت، استفاده از کد float جز کد های پرطرفدار طراحان به شمار می رفت که استفاده از آن طراحان را دچار مشکلاتی می کرد. علاوه بر اینکه استفاده از Flexbox ها اصولی تر از کدهای Float می باشند، استفاده از آن تاثیر بسزایی در index صفحات سایت توسط موتورهای جستجوی گوگل نیز دارد و در نتیجه در سئوی سایت بسیار موثر است. مهمترین نکته ای که در روزهای اول ارائه Flexbox وجود داشت این بود که این کدها تنها برای طراحی بخشی از صفحه سایت (برای مثال منو) استفاده می گردید و برای طراحی قالب کل صفحه مورد استفاده نبود، چرا که برای ساخت قالب اصلی سایت با Flexbox ها باید از مجموعه کدهای Flexbox و CSS در کنار هم استفاده شود که به این مجموعه Grid Layout Module گفته می شود. جدا از تمام مزایای Grid Layout Module، این مجموعه یک محدویت بزرگ را برای طراحان به همراه داشت، حتی آخرین نسخه های بروزرسانی مرورگرها هم با آن مشکل داشت. در واقع یکی از علت هایی که ورژن های مختلفی از Flexbox ها ارائه شد تردید شرکت های ارائه دهنده مرورگر ها در پشتیبانی از آن بود. به کمک کد های Flexbox می توانیم بجای اینکه برای هر آبجکت بصورت انفرادی خصوصیت تعیین کنیم، تمام آبجکت ها را بصورت گروه در آورده و برای آنها style های گروهی قرار دهیم. در واقع استفاده از Flexbox  ها بهترین گزینه برای موقعیت دهی آبجکت های درون یک صفحه می باشد.