معرفی: کتابخانه سبک CSS برای Grid محتوای صفحات

معرفی: کتابخانه سبک CSS برای Grid محتوای صفحات
امروزه طراحی سایت‌های ریسپانسیو (واکنش‌گرا) دیگر یک امکان و مزیت برای وب‌سایت محسوب نمی‌شود، زیرا یک استانداردی است که در سال ۲۰۲۰ باید توسط تمامی وب‌سایت‌ها رعایت شود. از طرفی در نظر گرفتن Breakpointها و کدنویسی دستی توسط media queryها برای طراحی ریسپانسیو و تست آن کار دشواری است برای همین پیشنهاد می‌شود که فریم‌ورک یا کتابخانه‌هایی که از قبل توسعه داده شده‌اند برای اینکار استفاده شود.
دارالترجمه رسمی
دارالترجمه رسمی پارسیس شامل خدمات ترجمه رسمی و تخصصی در بیش از 60 زبان زنده دنیا
افزونه های سئو وردپرس
بهترین افزونه های سئو وردپرس به صورت کاملا فارسی
افزونه فرم ساز آسان
فرم ساز آسان اولین فرم ساز کاملا فارسی وردپرس
خرید ورق گالوانیزه رنگی
خرید انواع ورق گالوانیزه رنگی با بهترین قیمت
کارگاه رویه کوبی در تهران
بهترین کارگاه رویه کوبی و تعمیر مبل راحتی و استیل در تهران با قیمت و کیفیت عالی
خودتان را اینجا معرفی کنید

هر فریم‌ورک مزیت و معایب خود را دارد. به عنوان مثال بوت‌استرپ، تقریبا تمامی طراحان سایت Bootstrap را می‌شناسند و با آن کار کرده‌اند. بوت‌استرپ سیستم Grid بسیار قوی و کاملی دارد اما شاید استفاده از این فریم‌ورک علاوه بر محدودیت‌هایی که ایجاد می‌کند، صفحات شما را هم سنگین کند (حتی با customize کردن آن)

بنابراین اگر میخواهید دردسر نوشتن کدهای گرید برای ریسپانسیو را نداشته باشید و از طرفی هم از یک کتابخانه سبک استفاده کنید، می‌تونید از FlashGrid استفاده کنید.
این کتابخانه حدود ۱ کیلوبایت حجم دارد و می‌توانید تنظمیمات آن را در فایل‌های SASS هم تغییر دهید و دوباره آنرا کامپایل کنید که نسخه اختصاصی خود را داشته باشید.

برای یادگیری کار با این کتابخانه می‌توانید به این مقاله در سایت Dev.to مراجعه کنید.
همچنین برای دیدن نمونه‌های استفاده از grid این کتابخانه به صفحه آن در سایت Codepen مراجعه کنید.

خود پروژه هم که در گیت‌هاب قابل دسترس هستش.

مجید علوی زاده فعالیت حرفه ای خود را از سال ۱۳۷۷ با طراحی گرافیک شروع کرد، طراحی وب را از سال ۱۳۸۰ و برنامه نویسی وب را از سال ۱۳۸۱ آغاز کرد و در همان سال وب سایت مجید آنلاین را تاسیس کرد. هم اکنون تخصص او طراحی و توسعه وب است.

نظرات و سوالات کاربران

هنوز دیدگاه و یا سوالی ارسال نشده است.
هم اکنون شما اولین دیدگاه را ارسال کنید.