معرفی فریمورک semantic-ui

معرفی فریمورک semantic-ui

امروزه توسعه دهندگان برای ساخت سایت و دیزاین صفحات سایت از فریمورک هایی که برای این منظور ساخته شده اند استفاده می کنند . فریم ورک های مختلفی وجود دارم اما دوتا از معروف ترین این فریم ورک ها bootstrap و semantic-ui هستند ( سمانتیک )

اما چرا باید از semantic-ui استفاده کنیم ؟ این فریمورک نسبت به bootstrap دارای کامپوننت های بیشتر و زیباتری هست و دست شما را برای توسعه سایت های مدرن باز میزارد همین طور کلاس های آن بسیار شبیه به زبان انسان نامگذاری شده

به مثال زیر توجه کنید :

<button class="ui green button" > NitroCode.ir </button>

به همین سادگی یک باتن به رنگ سبز ایجاد میکنید 🙂

در این فریمورک علاوه بر قابلیت های css دارای کتابخانه های جاوا اسکریپت هم هست که کار برا لیست ها و کامپوننت های آن را ساده می کند

این فریم ورک قابلیت های صفحه بندی و ریسپانسیو مناسبی هم دارد که کمی با فریمورک bootstrap فرق دارد . ویژگی دیگر و جالب این فریم ورک دارا بودن ایکون های مناسب در خود فریم ورک هست . همین حالا که در حال نوشتن این پست هستم اخرین ورژن منتشر شده این فریمورک نسخه 2.4.2 است

برای پیاده سازی این فریم ورک به صورت زیر عمل میکنیم

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js" ></script>
<script src="semantic/dist/semantic.min.js"></script>

 

همین حالا وارد سایت این فریمورک بشید و تستش کنید در ادامه بیشتر درباره این فریمورک مینویسیم


Leave a Reply

جستجوی هوشمند