عنوان مقاله :

۱۵ جایگزین افسانه ای برای Bootstrap، Foundation و Skeleton

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 30 تیر 1396
دسته بندی ها : کتابخانه

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

1. Pure.CSS

Pure به صورت ساده ای با استفاده از سی اس اس مدل ها ساخته شده است که به صورت کلی واکنشگرا هستند. با استفاده از این فریمورک می تواند لایه های خارق العاده ای خلق کنید و از آن ها در رزولوشن های مختلف بهره بگیرید.

2. HTML5 Boilerplate

HTML5 Boilerplate شامل کوشش های توسعه دهندگان ماهر وب است. این پلتفرم عالی است و با آن می توانید وبسایت های انعطاف پذیری را بدون هیچگونه دردسر خلق کنید.

3. Simple Grid

Simple Grid به شما طراحان وب کمک می کند که بتواند به صورت بسیار ساده ای محصولات را نمایش دهند، این فریمورک بسیار سبک است و با آن می توان ۱۲ ستون و شبکه را درست کرد.

4. Unsemantic

Unsemantic براساس Sass ساخته شده است. در این سیستم خبری از ستون ها نیست، اما با آن می توانید درصد لایه های یک سیستم شبکه بندی را تعیین کنید. سیستم شبکه بندی این فریمورک ارتقا یافته از نسخه ۹۶۰ است که از انعطاف پذیری خوبی برخوردار است.

5. Material-UI

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

6. Base

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

7. Materialize 

مانند فریمورک Material UI، فریمورک Materialize نیز براساس الگوی طراحی متریال گوگل ساخته شده است. این فریمورک رسپانسیو است و با سرعت بالایی کار می کند همچنین هدف اصلی این فریمورک ایجاد تجربه کاربری عالی برای وبسایت است.

8. INK

LNK اغلب شامل کامپوننت های است که طراحان در بیشتر کارهای خود از آنها استفاده می کنند، کامپوننت هایی مانند، دیت پیکر، گالری، جداول و چیزهای دیگر. همچنین با این فریمورک می توانید به سرعت و آسانی برای فرم ها اعتبار سنجی درست کنید و در توسعه یک وبسایت کاربردی از آنها استفاده کنید.

9. Basscss

Basscss شامل کالکشنی از المنت های پایه و ابتدایی است که به خوبی و تغییر ناپذیر ساخته شده است. این فریمورک بسیار ساده و سبک است و باعث نمی شود که طراحی شما سنگین شود. همچنین با استفاده از این فریمورک می توانید کارایی وبسایت خودتان را بالا ببرید.

10. Groundwork

Groundwork یک فریمورک انعطاف پذیر است که از Sass و المنت های Compass در خود بهره می گیرد. فریمورک بسیار ساده و سبکی است و همچنین از قواعد واکنشگرا و Fluid بودن بهره می گیرد.

11. Onsen UI

Onsen UI شامل مجموعه ای از کامپوننت های رایگان HTML5 است که با آن می توانید رابط کاربری یک اپلیکیشن موبایل را برای استفاده از پلتفرم هایی مانند کوردوا و فون گپ تهیه کنید. رابط کاربری را که این فریمورک ارائه می دهد بسیار زیبا و باشکوه است.

12. Cardinal

 

Cardinal یکی از بهترین فریمورک های سی اس اس است که از حالت پروتوتایپ استفاده می کند. این فریمورک براساس LESS نوشته شده و از ویژگی های آن می توان به واکنشگرا و کاربر پسند بودن آن توجه داشت.

13. Jeet

Jeet یک فریمورک ساده، منعطف و کاربردی است که در تمام مرورگر ها به صورت مناسب اجرا می شود. با این فریمورک می توانید سیستم شبکه بندی مدرنی را فراهم آورد.

14. UIKit 

Uikit از ساختار خوبی بهره می برد. این فریمورک شامل یکسری از اجزای HTML، CSS و جاوا اسکریپت است که دارای ویژگی هایی همچون انعطاف پذیری، ساده بودن و سبک بودن می شود. Uikit بسیار مدلار است.

15. TopCoat

TopCoat را شرکت ادوبی به منظور تسریع فرایند طراحی فرانت-اند ساخته است. این فریمورک شامل قالب های، قابل تغییر است و همچنین از PSD UI Kit بهره می گیرید.

منبع

مقالات پیشنهادی

چرا پایتون برای مبتدیان انتخاب خوبی است؟

در ۵ سال اخیر که توسعه دهندگان بیشتر و بیشتر شدند، ما همیشه بدنبال قدم مناسبی برای شروع افراد مبتدی بودیم، ما بدنبال زبان برنامه نویسی گشتیم که دوستان...

۱۵ کتابخانه مفید جاوا اسکریپت برای کمک کردن به وبسایت‌تان

داشتن یک وبسایت عالی نیازمند توانایی های بسیاری است، اما یادتان نرود که هیچ احتیاجی به توسعه همه چیز از ابتدای آن ندارید. برای استفاده از هرکدام کتابخ...

آموزش زبان برنامه نویسی پایتون – قسمت سوم

در واقع یک مقدار رو تولید کردیم، همونطور که گفتم هر مقدار، یک نوعی هم داره، توی این مثال نوع مقدار ما رشته یا String نام داره. انواع مختلفی از داده ها...

آموزش زبان برنامه نویسی پایتون – قسمت چهارم

همونطور که در جلسه قبل گفتم، در جلسه چهارم قصد داریم تا راجع به عملگرها و عملوندها صحبت کنیم. عملگر ها در واقع نمادهایی هستند که برای ما محاسبات و عمل...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
mahdi afiyati | 4 ماه پیش

سلام.
بنظر من که Uikit خیلی خوبه چون خیلی کار کردن با اون راحته و هم فارسی RTL رو به راحتی ساپورت می کنه.

https://getuikit.com

vahidahmad | 5 ماه پیش

جای Bulma خیلی خالیه، باید اول لیست باشه :))

ارسطو عباسی | 4 ماه پیش

بله به شخصه بسیار به این فریمورک علاقه مندم اما چون در لیست های قبلی خیلی راجع به Bulma نوشتیم به همین خاطر سعی کردیم در این لیست آيتم های جدیدتری رو قرار بدیم.

محمد اعتماددار | 5 ماه پیش

پیشنهاد می‌کنم فریم‌ورک w3css رو هم به فهرستتون اضافه کنید. این فریم‌ورک توسط تیم w3schools توسعه داده و پشتیبانی می‌شه.
ویژگی‌های اون:
کوچکی و سرعت بالا نسبت به سایر فریم‌ورک‌ها
سادگی در یادگیری
استفاده نکردن از JavaScript و jQuery
پشتیبانی از طراحی واکنشگرا
پشتیبانی همه مرورگرها از آن
پشتیبانی همه دستگاه‌ها (موبایل و تبلت و دسکتاپ) از آن

که در سایت اون بهشون اشاره شده.
وبسایت رسمی اون:
https://www.w3schools.com/w3css/default.asp

علاوه بر این فریم‌ورک css، فریم‌ورک جاوااسکریپت w3js رو هم می‌شه اضافه کرد که با حجم ۸ کیلوبایت، امکانات مختلفی از جمله animation, ajax، ساخت اسلایدر و... رو ارائه می‌ده.
همین‌طور به سرعت می‌شه اون رو یاد گرفت و استفاده نمود.

صفحه رسمی این فریم‌ورک:
https://www.w3schools.com/w3js/default.asp

ارسطو عباسی | 4 ماه پیش

حتما در لیست های بعدی راجع به این فریمورک مطالبی می نویسیم. اتفاقا به شخصه باهاش کار کردم .

مهدي طهراني | 5 ماه پیش

Bulma هم يكي از بهتريناشونه كه جاش به نظرم توي اين ليست خاليه