بلاگ


معرفی 5 فریم ورک کم حجم css

بلاگ معرفی 5 فریم ورک کم حجم css

0 64 ۱۳۹۷/۰۵/۰۹ معرفی 5 فریم ورک کم حجم css

هنگام طراحی یک وب سایت، با استفاده از یک فریم ورک  css خیلی راحت می توانیم در وقت صرفه جویی کنیم،  چون فریم ورک هر چیزی که برای طراحی یک وب سایت نیاز داریم را در اختیار ما میگذارد. با این حال سرعت بارگذاری وب سایت بسیار مهم است. در این مقاله با 5 فریم ورک Css آشنا می شویم که حجم کمی دارند و در عین حال وب سایت ها را به زیبایی تزیین می کنند.


 Bootstrap 

Bootstrap  محبوبترین فریم ورک css است. اگر شما به دنبال شروع راحت و در دسترس بودن نمونه ها، پلاگین ها و منابع هستید، این بهترین انتخاب برای شماست. Bootstrap  یک فریم ورک متن باز است و با HTML, CSS  و JS توسعه می یابد.

مزایای bootstrap

طراحی ریسپانسیو: بوت استرپ با هر اندازه صفحه کار می کند.

سازگاری: تمام نسخه های مرورگر با بوت استرپ سازگاری دارند.

سریع و کارآمد: با بوت استرپ می توانید سایت خود را با سرعت طراحی کنید.

قابل برنامه ریزی:  سفارشی سازی با بوت استراپ راحت است.

تم های مختلف در دسترس: دسترسی به طیف وسیعی از تم ها و قالب های مختلف

جامعه قوی: از آنجا که بوت استرپ فریم ورک محبوب و متن باز است جامعه بزرگی از آن پشتیبانی می کند.

 

Pure CSS

حجم این فریم ورک فقط 8.3 کیلو بایت است. فریم ورک pure  مجموعه ای از ماژولهای ریسپانسیو css است که توسط تیم YUI ساخته شده است. با استفاده از این فریم ورک می توانید با خیال راحت ظاهر سایت خود را سفارشی کنید.

pure  به خوبی آزمایش شده و در IE 8+، فایرفاکس، کروم، سافاری، iOS 6-8 و Android 4.x کار می کند. شما می توانید از المانهای bootstrap نیز استفاده کنید.

pure بر روی Normalize.css ساخته شده است که عملکرد فریم ورک در مرورگرها را استاندارد می کند.


Semantic ui

فریم ورک Semantic UI در سال 2013 توسط jack lukic توسعه داده شده است. با کمک این فریم ورک  وب سایت خود را با سرعت بیشتری طراحی کنید. هم اکنون آخرین ورژن Semantic UI 2.3  است.

مزایای Semantic ui

سفارشی کردن باور نکردنی: با وجودی که بوت استرپ راه حلهای سفارشی کردن زیادی را ارائه می دهد، عناصر اضافی در رابط کاربری Semantic UI به معنی انتخاب گزینه های بیشتر و فراتر از توانایی های Bootstrap است.

راه حل های سیستماتیک : نام کلاسها در فریم ورک Semantic UI  به صورتی نام گذاری شده که برای مبتدیان قابل درک است در نتیجه راحت در ذهن می ماند.

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

سند سازی خوب : مانند Bootstrap، رابط کاربری Semantic UI بسیار مستند است و نمونه های زیادی برای پیگیری و استفاده دارد.

طراحی زیبا: Semantic ui دارای یک طراحی خیره کننده و مدرن است که باعث می شود برای توسعه دهندگان متفاوت باشد.

 

Materialized

فریم ورک materialized برای طراحی وب سایت و اپلیکیشن های تحت وب با طراحی متریال است. اگر قبلا با یکی از فریم ورکهای css  کار کرده باشید کار با این فریم ورک برایتان بسیار راحت است. یکی از ویژگی های این فریم ورک نسخه sass آن می باشد که به طراح امکان انتخاب کامپوننت مورد نظر خودش  را می دهد.

مزایایی Meterialized

این فریم ورک داری ویژگی Ready Retina  است. یعنی تصاویر در نمایشگرهای مختلف کیفیتشان تغییر نمی کند.

برخی از ویژگی های این فریم عبارت اند از :

پشتیبانی از sass

سادگی در شخصی سازی

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

 

Ui kit

Ui kit یکی دیگر از فریم ورک های css است که پر کاربرد است ولی محبوب نیست زیرا کمتر کسی این فریم ورک را می شناسد. این فریم ورک توسط شرکت YOOtheme ارائه شده است که دارای حجم کم و المانت های با کیفیت است که باعث میشود طراحی سایت قدرتمند و زیبا باشد.

مزایایی UI Kit

پشتیبانی از زبان‌های راست به چپ  (RTL)

طراحی صفحات به صورت ریسپانسیو

شخصی سازی

کامپوننت‌های ریسپانسیو

کلمات کلیدی :

[ نظرات بازدید کنندگان ]

با ارسال نظرات خود در مورد مطالب وب سایت، ما را در بهبود کیفیت مطالب یاری نمایید.

هنوز هیچ نظری برای این مطلب ثبت نشده است. شما اولین نظر را ارسال کنید.
CopyRight 2018 Zarrafeh.net ©
.All rights reserved