Kaptain Kitty
دسته ها :Html و Css , html5
انتشار :۲۸ مرداد ۱۳۹۳
بازدید :983 بار

فریم ورک foundation

فریم ورک foundation

ما بی صبرانه منتظر انتشار آخرین نسخه ی فریم ورک Foundation، فریم ورک بسیار محبوب Zurb برای سمت کلاینت بودیم. بسیاری از طراحان و برنامه نویسان سمت کلاینت مشتاق آزمودن آن هستند. در اینجا می خواهیم به پنج ویژگی جدید از فریم ورک Foundation بپردازیم که معتقدیم به این فریم ورک کمک می کند تا بر فریم ورک بوت استرپ غلبه کند.

۱- Interchange: سلاح مخفی فریم ورک Foundation

قابلیت Interchange در فریم ورک Foundation 4 حقیقتا عالی بود و امکان رندر داینامیک تصاویر مختلف را در breakpoint های مشخصی از یک مدیا کوئری را فراهم می ساخت. در Foundation 5، این قابلیت بی نهایت بهتر شده و به سطح بالاتری برده شده است. اکنون Interchange بسته به عرض صفحه نمایش دستگاه، به شما امکان رندر هر نوع محتوایی (مثل HTML، ویدیو یا canvas) را می دهد.

علت برتری این قابلیت این است که طراحی واکنش گرا (responsive) در گذشته با هر محتوایی انطباق یافته و نمایش آن در تمام دستگاه ها یکسان بود. متاسفانه اگر بخواهید که محتوای شما در هر عرضی از viewport، متفاوت باشد، باید یکی از دو روش زیر انجام شود:

  • مخفی کردن محتوا – که این کار برای زمان بارگذاری، مسائل مربوط به سئو و دسترسی پذیری، مشکل ساز خواهد بود
  • استفاده از یوزر ایجنت سمت سرور برای تشخیص دستگاه های موبایل – که این کار موجب آشفتگی شد، رفع باگ های آن دشوار بوده می تواند مسائل حساسی را ایجاد کند.

بنابراین یک پلاگین که بتواند محتوای مختلف سمت کلاینت را تحویل دهد یک کمک بزرگ محسوب می شود و همین امر باعث می شود که Interchange یک ویژگی خارق العاده محسوب شود.

۲- Grid متوسط

این ویژگی در واقع به صورت آزمایشی در Foundation 4.3 قرار گرفت اما در Foundation 5 به طور کامل پشتیبانی و مستند سازی شده است. یکی از مسائلی که در Foundation 4 باعث بروز مشکلاتی می شد این بود که ستون ها در تمام صفحه نمایش ها و با هر اندازه ای، همگی دارای عرض یکسانی بودند. تطبیق دادن عرض ستون ها در دستگاه های کوچک تر در نسخه های قبل از نسخه ی ۴٫۳ به معنای هک کردن استایل Foundation بود که باعث ناهمخوانی هایی نیز میشد.

یک grid متوسط با کارایی کامل برای موقعیت هایی مناسب است که یک ستون ۳×۹ در دستگاه هایی با صفحه نمایش عریض بسیار خوب نمایش می یابد  اما همان ستون به صورت ۸×۴ در یک دستگاه کوچک تر نمایش بهتری دارد (مثلا ممکن است یک متن فشرده سه ستونی را در تبلت ها دیده باشید).

۳- Style های جدید

یکی از بهترین ویژگی هایی که بوت استرپ ۳ را بهترین انتخاب برای طراحان قرار می دهد، style فلت و ساده ی آن است  که این امر باعث می شود سفارشی سازی آن ساده تر باشد. فریم ورک Foundation 5 نیز بیشتر به سمت تفکر سادگی سوق داشته است. UI پیش فرض در Foundation 4 بسیار خوب بود اما تغییر style آن کمی دردسر ساز بود و باعث شد که در ذهن طراحان، Foundation در زمان ایجاد طرح های عالی کمی ضعیف عمل می کند.

برای بهبود تجربه ی کاربری در دستگاه های موبایل، پشتیبانی از افزایش سرعت سخت افزاری نیز به فریم ورک Foundation 5 افزوده شده است. این به معنای محرک سازی روان تر، در هم ریختگی کمتر محتوا و در کل تجربه کاربری بهتر در دستگاه های موبایل است.

۴- سیستم پشتیبانی بهبود یافته

یکی از مزایای استفاده از بوت استرپ که در مقاله ی مقایسه ی Bootstrap و Foundation هم گفته شد، این بود که بوت استرپ دارای یک جامعه ی وسیع، مستندات خلاصه و انجمن های پشتیبانی فراوان می باشد. به نظر می رسد که Zurb به اهمیت این موضوع پی برده و بازسازی کاملی را در مستندات Foundation و یک انجمن جدید برای Foundation ایجاد نموده است.

مستندات بهبود یافته به معنای مثال های بیشتری از کد ها و ایجاد درکی بهتر از API رمزآلود فریم ورک Foundation می باشد. انجمن جدید Foundation بسیاری از سوالات متداول را ایجاد کرده و پشتیبانی کاملی از مبتدیان به عمل می آورد.

۵- ابزار جدید خط فرمان

هدف فریم ورک Foundation 5 بهینه سازی فرآیند برنامه نویسی از طریق ساده سازی آن با ابزار جدید خط فرمان می باشد. ابزار جدید خط فرمان به شما این امکان را می دهد که پروژه ی خود را سریع تر از قبل ایجاد کنید. این روش مشابه با محیط ساده ی برنامه نویسی در Bootstrap 3 می باشد که از ابزارهای محبوبی مثل Grunt و Bower بهره می برد تا به سرعت بخشیدن بیشتر فرآیند برنامه نویسی کمک می کند.

این فریم ورک ها همچنین با پیش پردازش CSS سمت سرور قدرت بیشتری یافته اند. فریم ورک Foundation 5 از Libsass استفاده می کند که با C و ++C ساخته شده است و این یعنی ۵ برابر سرعت بیشتر. این امر باعث افزایش سرعت پردازش SASS می شود که برای پروژه های بزرگ و کامپیوترهای کند دارای اهمیت بالایی است.

امیدواریم از مطالعه ی این مقاله لذت برده باشید. برای اطلاعات بیشتر در این باره، لطفا به مطالب مرتبطی که لینک آن در زیر آمده است مراجعه کنید.

grid در foundation grid در بوت استرپ ریسپانسیو ریسپانسیو در بوت استرپ طراحی responsive طراحی ریسپانسیو فریم ورک فریم ورک bootstrap فریم ورک html فریم ورک بوت استرپ فریم ورک قدرتمند foundation
مطالب مرتبط

سال ۲۰۱۶ بر طبق دیدگاه شما سالی به یاد ماندنی، عجیب و تا حدی سرشار از پیروزی و یا وحشت آور بوده باشد. تمرکز به تنهایی بر روی جاوا اسکریپت در مقایسه با سایر رویداد های سال ۲۰۱۶ ممکن است نامعقول و کم اهمیت به نظر برسد اما جاوا اسکریپت بخش عظیمی از زندگی کاری […]

فرمت Gif ابتدا در سال ۱۹۸۷ ابداع و توسط استیو ویلهایت از شرکت Compuserve به نمایش عمومی درآمد. Gif ها (Graphics Interchange Format یا قالب مبادله گرافیکی) با ایجاد امکان استفاده از ۲۵۶ رنگ و در عین حال حفظ فرمت فشرده که می توانستند توسط افرادی با مودم های کند هم بارگذاری شوند، در تصاویر […]

گرچه HTML5 تغییرات چشمگیری در روش مارک آپ کردن محتوا ایجاد می کند، اما باید توجه داشت که این تغییرات باعث نمی شوند مرورگرهای قدیمی نتوانند با آن کار کنند و هم اینکه منجر به مشکلات در Layout و خطای صفحه نمی شوند. این یعنی شما می توانید هر پروژه ی قدیمی که حاوی HTML4 […]

بهتر از من می دانید که دنیای برنامه نویسی هر روز با تغییرات جدی روبه رو است. هر روز که صفحات اینترنتی را باز می کنید می بینید که فریم ورک جدیدی وارد بازار شده که تا دیروز حتی اسمش را هم نشنیده بودید. با کمی تحقیق می بینید که اتفاقا بسیار کارامد هم هست. […]

نظراتتان را برایمان بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب ما تو این شبکه های اجتماعی هم پخش میشه