آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 6) : CSS - قسمت 2

0 310 ۲۴ بهمن ۹۵

frontend

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

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

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

ابزارهای CSS

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

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

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

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

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

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

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

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

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

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

موفق باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :