مقالات طراحی اپ موبایل

در‌این نوشته ی طراحی اپلیکیشن علمی به Flexbox و کاربرد آن نگاهی خوا هیم رایا پارس انداخت. امروزه تعریف و تمجید بهتری از پیاده سازی ریسپانسیو داریم. یک ماژول لایه‌بندی تازه CSS به اسم Flexible Box (یا این که Flexbox) وجود دارااست که مرورگرهای متعددی از آن هواخواهی می‌نمایند.

معرفی Flexbox

در اینجا یک مرور کلی از ابر اقتدار Flexbox وجود داراست:

میتواند به راحتی محتویات مرکزی را به طور عمودی قرار دهد.

میتواند ترتیب بصری موادتشکیل دهنده را تغییر‌و تحول دهد.

می تواند به طور اتومات اطراف و هم‌ترازی موادسازنده مو جود در یک جعبه را مشخص و معلوم نماید و به صورت خود کار فضای جان دار میان آن‌ها‌را تخصیص دهد.

مسیر ناهموار برای Flexbox

Flexbox پیش از وصال به ورژن نسبتا پایداری که امروز داریم، مبتلا تغییرات و تعدادی ویرایش گردیده‌است. به عنوان مثال تغییرات در ورژن 2009 (http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)، ورژن 2011 (http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/) و ورژن 2014 را در لحاظ بگیرید. تفاوت‌های جان دار در سینتکس‌ها را ملاحظه کنید.

این خصوصیت‌های گوناگون بدین معناست که سه ورژن اجرایی گرانقدر وجود دارااست. شما چه تعداد از آنها‌را نیاز دارید؟ این مسأله بستگی به سطح مدد مرورگر شما داراست.

در‌این نوشته ی طراحی اپلیکیشن علمی به Flexbox و کاربرد آن نگاهی خوا هیم رایا پارس انداخت. امروزه تعریف و تمجید بهتری از پیاده سازی ریسپانسیو داریم. یک ماژول لایه‌بندی تازه CSS به اسم Flexible Box (یا این که Flexbox) وجود دارااست که مرورگرهای متعددی از آن هواخواهی می‌نمایند.

معرفی Flexbox

در اینجا یک مرور کلی از ابر اقتدار Flexbox وجود داراست:

میتواند به راحتی محتویات مرکزی را به طور عمودی قرار دهد.

میتواند ترتیب بصری موادتشکیل دهنده را تغییر‌و تحول دهد.

می تواند به طور اتومات اطراف و هم‌ترازی موادسازنده مو جود در یک جعبه را مشخص و معلوم نماید و به صورت خود کار فضای جان دار میان آن‌ها‌را تخصیص دهد.

مسیر ناهموار برای Flexbox

Flexbox پیش از وصال به ورژن نسبتا پایداری که امروز داریم، مبتلا تغییرات و تعدادی ویرایش گردیده‌است. به عنوان مثال تغییرات در ورژن 2009 (http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)، ورژن 2011 (http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/) و ورژن 2014 را در لحاظ بگیرید. تفاوت‌های جان دار در سینتکس‌ها را ملاحظه کنید.

این خصوصیت‌های گوناگون بدین معناست که سه ورژن اجرایی گرانقدر وجود دارااست. شما چه تعداد از آنها‌را نیاز دارید؟ این مسأله بستگی به سطح مدد مرورگر شما داراست.