إنشاء شبكات أساسية على الويب باستخدام Sassline

جزء كبير من المحتوى عبر الإنترنت يعتمد على النص ، لكن الناس لن يهتموا بقراءة النص على موقعك إلا إذا كانت الطباعة جيدة التصميم.

قد تعمل مع أطر مخصصة ولكن يمكن أن يشعر تلك التقييدية. بدلاً من ذلك ، جرّب Sassline ، وهي مكتبة مجانية تستند إلى Sass لإنشاء خطوط شبكية مثالية على الويب.

تعمل هذه الأداة المجانية على Sass ، لذا ستحتاج إلى معرفة طريقتك في معالجة هذه اللغة قبل المعالجة أولاً. إذا كنت لا تزال جديدًا في تطوير الويب ، فمن الجيد أن تقوم بذلك تدرب على CSS و Sass قبل التقاط Sassline.

ولكن بمجرد معرفة ذلك ، فلن تقوم أبدًا بتصميم التصميمات بنفس الطريقة مرة أخرى.

ويستخدم وحدات rem لإنشاء خطوط الأساس المخصصة التي تناسب النص الخاص بك في جميع المجالات. وهذا يشمل كل ما تبذلونه من الرؤوس والفقرات ، blockquotes ، كل شيء.

ويأتي Sassline بنقاط توقف سريعة الاستجابة حتى تتمكن تلقائيًا من ضبط حجم النص (وارتفاع الخط) استنادًا إلى شبكة Sassline. هذا يعتمد على مزيج ساس الذي يتطلب تجربة ساس إذا كنت تريد العمل معهم.

لهذا السبب أوصي على وجه التحديد بهذه الأداة مطورو الويب ذوي الخبرة نتطلع إلى تحسين سير العمل.

تقدم الصفحة التجريبية مثالًا واضحًا تمامًا على كيفية عمل هذه الشبكة الأساسية بما في ذلك عناصر القائمة ، وأسعار السحب ، وأحجام رؤوس متعددة.

بالإضافة إلى أنه يمكنك إضافة هذا إلى أطر الواجهة الأمامية مثل Bootstrap إذا كنت على استعداد لإجراء بعض التعديلات الطفيفة على التعليمات البرمجية الخاصة بك. ال مكتبة Sassline بأكملها متعددة الاستخدامات وينبغي أن يكون العنصر الرئيسي لمحبي ساس في كل مكان.

للبدء ، تفضل بزيارة GitHub repo وتنزيل نسخة من الملفات المصدر.

ستجد أيضًا تعليمات الإعداد ورابطًا إلى منشور المدونة الرائع هذا يرشدك إلى ميزة مكتبة Sassline حسب الميزة.