آشنایی با JSAM-RESPONSIVE: فریم‌ورک CSS سبک برای طراحی واکنش‌گرای حرفه‌ای

در دنیای توسعه وب، طراحی واکنش‌گرا (Responsive Design) دیگر یک انتخاب نیست، بلکه ضرورته. اما همیشه نیاز به فریم‌ورک‌های سنگین مثل Bootstrap نداریم. امروز می‌خوام یک فریم‌ورک CSS سبک و کاربردی به اسم JSAM-RESPONSIVE رو معرفی کنم که توسط برنامه‌نویس ایرانی ساخته شده

JSAM-RESPONSIVE چیست؟

JSAM-RESPONSIVE یک فریم‌ورک CSS ساده، سریع و متمرکز بر طراحی واکنش‌گراست. این فریم‌ورک با کمک کلاس‌های آماده بر پایه Grid و Flexbox به شما اجازه می‌ده صفحات وبی بسازید که روی موبایل، تبلت و دسکتاپ به‌درستی نمایش داده بشن.

---

ویژگی‌های مهم JSAM-RESPONSIVE

1. سیستم گرید ۱۲ ستونه

با کلاس‌هایی مثل col-6, col-md-4, col-lg-3 می‌تونید ستون‌هایی با اندازه دلخواه برای دستگاه‌های مختلف بسازید.

2. کلاس‌های Flexbox آماده

با کلاس‌هایی مثل flex-row, justify-between, align-items-center می‌تونید چینش عناصر رو با انعطاف بالا کنترل کنید.

3. کنترل نمایش عناصر در سایزهای مختلف

با کلاس‌هایی مثل d-none-sm, d-block-lg می‌تونید نمایش یک المنت رو در سایز خاصی فعال یا غیرفعال کنید.

4. استفاده آسان فقط با لینک CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsam-responsive/style.css">

---

نمونه کد ساده

<div class="row">

  <div class="col-6 col-md-4">ستون اول</div>

  <div class="col-6 col-md-8">ستون دوم</div>

</div>

در سایز موبایل، هر ستون نصف عرض صفحه رو می‌گیره؛ ولی در دسکتاپ، ستون اول ۴ واحد و دومی ۸ واحده.

---

چرا از JSAM-RESPONSIVE استفاده کنیم؟

• حجم کم و بارگذاری سریع‌تر

• 
  

• یادگیری سریع برای مبتدی‌ها

• مناسب پروژه‌های ساده یا شخصی

• قابل ترکیب با سایر ابزارهای CSS

لینک گیت‌هاب