المحتوى
- مدخلات المطور
- No Bugs، No Stress - دليلك خطوة بخطوة لإنشاء برامج لتغيير الحياة دون تدمير حياتك
- النهاية الأمامية والنهاية الخلفية
المصدر: Sabelskaya / Dreamstime.com
يبعد:
Sass هي أداة جديدة لمطوري الويب يمكنها تبسيط العمليات الخلفية مع تحقيق نتائج رائعة في المقدمة.
إذا كنت تعمل في تصميم مواقع الويب ، فيمكنك المرور عبر مصطلح Sass (ومشتقه ، SCSS) - وإذا لم تكن معتادًا على ذلك ، فقد تتساءل بالضبط عن معنى هذا الاختصار الأنيق.
تعتبر Sass ، أو "Syntactically Awesome Stylesheets" ، عبارة عن معالج مسبق - يتم تطبيق بناء جملة معين على CSS أو Cascading Style Sheets ، مجموعة أدوات تصميم مواقع الويب العالمية التي كانت شائعة جدًا في ترقية مبادئ تصميم الويب من أيام HTML العالمية بدقة.
يتيح CSS تنفيذ أفضل للخلفيات والخطوط والعناوين والأشرطة الجانبية وجميع أنواع عناصر صفحة الويب المختلفة. إنها فكرة جديدة نسبيًا ، فقد وصلت إلى الساحة في منتصف التسعينيات. منذ ذلك الحين ، تم اعتماد CSS بواسطة اتحاد شبكة الويب العالمية ، وأصبح مجموعة مهارات مشتركة للمصممين.
على النقيض من ذلك ، يعود تاريخ Sass فقط إلى عام 2007. في نواح كثيرة ، يمكنك القول أن Sass يعمل "أعلى" CSS. من خلال توفير بناء جملة مختلف ، يمكن أن يساعد في تحطيم جوانب CSS التي يمكن أن تكون مربكة لأولئك الذين يضطرون إلى العمل معها. تمامًا مثل العديد من تلك الاتفاقيات الخاصة باستخدام "المسافة البيضاء" في التعليمات البرمجية المصدر للتطبيق ، فإن استخدام Sass يمكن أن يشجع على قراءة وشفافية أفضل في تصحيح الشفرة المحير هذا الذي تحصل عليه غالبًا عندما تقوم بسحب شفرة المصدر المتاحة لصفحة ويب.
مدخلات المطور
ما الذي يعجب المطورين في ساس؟
بالنسبة للبعض ، فإن الجانب التنظيمي لاستخدام بناء الجملة أسهل في وضعه في فئات مختلفة. وجهنا Dan Croak ، الذي يعمل في Thoughtbot في سان فرانسيسكو ، نحو هذا المقال من إعداد Mike Borsare الذي يتحدث عن كيفية استخدام Sass في بيئة معينة ، في هذه الحالة ، في الانتقال من Chrome DevTools إلى محرر والعودة.
يقول Borsare ، إن استخدام ميزة تسمى خرائط مصدر Sass ، يمكنه "سد الفجوة" بين CSS و Sass. يمكن أن يؤدي استخدام خرائط المصدر وإعداد مساحة عمل في DevTools إلى تسهيل إجراء عمليات تحرير مباشرة ، بكلماته ، "تستمر" في الكود المصدري.
لورنس برادفورد هو مطور مستقل ومصمم ويب في ليهاي فالي ، بنسلفانيا ، والذي يستخدم أيضًا ساس لتوفير أنماط كتابة الوقت ولإبقاء المشاريع أكثر تنظيماً. يستخدم Bradford بناء الجملة لمشاريع مثل مدونة WordPress تسمى learntocodewith.me.
No Bugs، No Stress - دليلك خطوة بخطوة لإنشاء برامج لتغيير الحياة دون تدمير حياتك
لا يمكنك تحسين مهارات البرمجة لديك عندما لا يهتم أحد بجودة البرنامج.
يقول برادفورد إن بعض أكثر الأشياء أهمية في ساس هي المتغيرات والخلطات. يتم استخدام متغيرات Sass بدلاً من الأوامر المتكررة لتحديد الخصائص خلال المستند ؛ mixins ترتيب خصائص متعددة في "قطع" من التعليمات البرمجية التي يمكن تعريف كائن التحكم. (تعرف على المزيد حول خلطات ساس هنا.)
المطورين الآخرين مثل براعة ساس.
قام Dylan Husted ببناء طريقة جديدة لإشراك الأشخاص في قضية تغير المناخ. يقوم مشروعه ، وهو موقع يسمى SaveOhno.org ، بتحويل النشاط إلى لعبة مرئية ، مع رموز ومطالبات تتطلب قدراً كبيراً من التصميم والتخطيط المرئي للويب ، كل ذلك لدعم فكرة أنه ينبغي لنا فعل شيء بشأن الحفاظ على البيئة من أجل أجيال المستقبل.
في مناقشة المشروع ، يقول Husted أن استخدام أساليب التعشيش في Sass يتيح لنتيجة CSS "التدفق من عنصر إلى عنصر" بشكل أفضل. يشير Husted أيضًا إلى القدرة على جعل الأنماط داخل الفئات - بدلاً من مجرد تكوين نمط ملازم لفئة معينة ، كما يقول ، يمكن للمطورين إنشاء فئات صغيرة أو فئات فرعية ، حيث تأخذ أنواع معينة فقط من الحالات سمات السمات المرغوبة هذه.
يعمل Zach Feldman في New York Code + Design Academy ويدمج المحتوى على Sass في دورات مثل Front End 101 و Web Development. مع المتغيرات والأجزاء ، كما يقول ، ساس يسمح لقاعدة رمز أكثر حداتية.
النهاية الأمامية والنهاية الخلفية
مثل الأنواع الأخرى من أدوات تصميم الويب المفيدة ، من Dreamweaver ومحررات HTML المتطورة الأخرى إلى تغيير اصطلاحات بناء جملة HTML ، لا يجعل Sass بالضرورة صفحات الويب تبدو أفضل. إنه يغير فقط طرق عمل المطورين.
يقول Husted: "ليس أن النتيجة الأمامية لاستخدام SCSS ستكون أفضل من النتيجة الأمامية لاستخدام CSS. إنها عملية الوصول إلى هناك ستكون أكثر تنظيماً وأسهل للفهم لثالث -حزب ، وأسهل القيام به للمطور. "
ومع ذلك ، هناك منطق معين يقول إن إجراء تغييرات في النهاية الخلفية سيسمح للأشخاص بترميز أفضل وإقامة مشروعات أفضل. يمكنك أن تقول إن المطور ، بالنظر إلى قيود الوقت المتساوية ، قد يكون قادرًا على القيام بالمزيد من خلال مجموعة أفضل من الأدوات وبناء الجملة الأسهل مما يفعل هو أو هي باستخدام HTML clunky والبرمجة المتكاملة الأولية قبل 10 سنوات.
هناك أمر واحد مؤكد - لقد سمحت كل قوة تصميم الويب هذه لمجتمع مطوري البرامج اليوم بإنشاء أنماط مثيرة للإعجاب وملهمة حقًا ، مثل واجهات المباني القديمة في الغرب المتوحش ، والتي يمكن أن تجعل الشركات والوكالات تبدو أفضل مما هي عليه بالفعل. بالنسبة للعديد من الأشخاص الموجودين في الخطوط الأمامية لهذه المشاريع الطموحة ، فإن وجود Sass في متناول اليد هو مدخر في الوقت الحقيقي وجزء كبير من أدواتهم الافتراضية.