سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه ۶) : CSS – قسمت ۲

frontend

روش یا Methodology مربوط به CSS

  • آیا تیم شما تغییری در روند روش یا Methodology اعمال کرده است؟

همونطور که میدونید در جلسه قبل در مورد Methodology‌های موجود برای CSS صحبت کردیم و تعدادی ابزار و سایت رو هم خدمتتون معرفی کردیم. حالا فرض کنید که شما یکی از اون روش‌ها رو انتخاب کرده و دارید از اون استفاده میکنید. بعنوان مثال شما و تیمتون به توافق میرسید که تعدادی از قوانین مربوط به اون روش رو تغییر بدین و بصورت دیگه ای مورد استفاده قرار بدین. در این مواقع شما باید اون چیزایی که تغییر دادین و به روش متفاوتی مورد استفاده قرار میدین رو مشخص کنید و در جایی نگه دارید تا بقیه هم بتونن اونا رو ببینن و هماهنگی بین اعضای تیم بیشتر بشه.

ابزارهای CSS

  • آیا تیم شما از پیش پردازنده‌ها یا Preprocessor‌های مربوط به CSS استفاده میکنه؟

همونطور که میدونید شما میتونین با استفاده از پیش پردازنده‌ها قدرت برنامه نویسی رو به زبان CSS اضافه کنید و نهایت بهره رو ببرید و کارهای پیچیده‌تری رو در مدت زمان کمتری انجام بدین. تعدادی پیش پردازنده معروف وجود دارن که در زیر اونا رو معرفی میکنیم.sass

این تصویر مربوط به Sass هست که احتمالا همه شما با اون آشنا هستید و معروفترین زبان در این زمینه هست. زمان زیادی از ساخته شدن این ابزار میگذره. این ابزار بر پایه Ruby هست. همچنین دو Syntax هم برای این مورد قابل استفاده هست. این Syntax‌ها Sass و Scss هستند.less

این تصویر مربوط به less هست و به احتمال زیاد با این مورد هم آشنا هستید. میشه این مورد رو بزرگترین رقیب Sass دونست. این ابزار ویژگی‌های زیادی رو در اختیار شما قرار میده و میتونین از قدرت اون بهره ببرید. این ابزار بر پایه Javascript هست.stylus

این تصویر نیز مربوط به Stylus دیگر رقیب سرسخت Sass هست. این مورد ویژگی‌های زیادی رو اضافه میکنه و با استفاده از توابع سودمندی که داره میتونه کار شما رو خیلی سریعتر کنه. تقریبا ۶۰ تابع در این ابزار قرار دارن که میتونین از قدرت اونا بهره ببرید.css-crush

این تصویر هم مربوط به CSS-Crush هست و این ابزار هم خصوصیات مربوط به خودش رو داره. این ابزار بر پایه PHP هست.myth

این تصویر مربوط به ابزار Myth هست که برپایه Node.js و Javascript بنا شده است و به شما این قدرت رو میده که از ویژگی‌های خیلی مدرن CSS استفاده کنید.rework

این تصویر مربوط به ابزار Rework هستش و این ابزار نیز بر پایه Node.js هست. ابزار Myth که در بالا گفتیم با استفاده از این ابزار ساخته شده و از این مورد قدرت گرفته.

پس شما میتونین یکی از ابزارهای بالا رو انتخاب کرده و همگی اون رو یاد بگیرید و از اون استفاده کنید. پس با پاسخ به این سوال هم تکلیف CSS Preprocessor‌ها مشخص میشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

چه امتیازی به این مقاله می دید؟











نویسنده
محمد اسفندیاری

بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظر دهید

پاسخ دهید

Logo
بازیابی رمز عبور
مقایسه موارد
  • کل (0)
مقایسه
0