Sass va PESS preprocessors

Veb-ishlab chiquvchilar bir yoki ikkala preprocessor bilan tanish bo'lishi kerak

Coke yoki Pepsi, Mac yoki kompyuter, Marvel yoki DC? Har bir jamoada yaxshi deb o'ylagan munozaralar bor. Veb-dizaynerlar yoki ishlab chiquvchilar uchun ushbu bahslar Sass yoki Less.

Sass va LESS nima?

Syntactically reyting www.uz Stylesheets (Sass) va Leaner CSS (LESS) CSS-ning dastlabki protsessorlari. Ular dizaynni osonlashtiradigan va samaradorligini oshiradigan maxsus stil sahifalari. Har ikkala Sass va LESS brauzerlari ularni o'qishi uchun CSS uslublari sahifalarini tuzadi, bu esa zamonaviy brauzerlar o'qimaydi, chunki kerakli qadamdir .sass yoki .less fayl turlari.

Agar veb-ishlab chiqish dunyosida bo'lishni rejalashtirsangiz, ikkita preprocessorlardan biri yoki ikkalasida ham yaxshi bilish yaxshi bo'ladi .

Unga tushganda, ikkalasi ham xuddi shundaydir. Ular CSSni oddiy, ob'ektga yo'naltirilgan va yanada qiziqarli tajriba yozishmoqda. Shunga qaramay, bir nechta asosiy farqlar mavjud. Ulardan beshtasi bu erda.

  • 01 Sass Ruby-da. JONLI JavaScript-da

    Sass Ruby-da joylashgan va Ruby-ni o'rnatishni talab qiladi. Agar sizda Mac bo'lsa, bu katta ish emas. Biroq, agar sizda Windows mashinasi bo'lsa, u ko'proq vaqtni talab qiladi.

    LUS Ruby'ga Sass kabi qurilgan, lekin u JavaScript-ga o'tkazildi. LESSni ishlatish uchun siz tegishli JavaScript-fayllarni serveringizga yuklaysiz yoki CSS-sahifalarini oflayn kompilyator orqali derdingiz.

  • 02 Argumentlar tayinlash: Sass $ foydalanadi; QO'LNOMA @

    Sass va LESS ikkala parametrlarni belgilash uchun maxsus belgilarni ishlatadi. Shunday qilib siz spesifikatsiyaga kirishga majbur emassiz; faqat belgini kiritishingiz mumkin.

    Sassda bu dollar belgisi ($). LESS-da, bu belgisi (@). LESS uchun faqatgina salbiy narsa, allaqachon @ dan foydalanadigan bir nechta CSS tanlovchidir, shuning uchun o'rganishning egri biroz kuchayishi mumkin.

  • 03 Sass Kompassni topdi, LESS oldindan tayyorlandi

    Sass va LESSlar mixinlarni integratsiya qilish uchun mavjud bo'lgan kengaytmalarga ega (saytdagi CSS deklaratsiyasini saqlash va almashish qobiliyati).

    • Sass kelajakda qo'llab-quvvatlash uchun yangilanishlar mavjud bo'lgan har bir variantni o'z ichiga olgan Mixins uchun Compass-ga ega.

    • LEKINda Preboot.less, LESS MIXINS, LESS Elements, gs va Frameless mavjud. LESSning dasturiy ta'minoti Sassga qaraganda ko'proq bo'linadi, natijada bir xil tarzda ishlashi mumkin bo'lmagan kengaytmalar uchun bir nechta variant mavjud. O'zingizning loyihangiz uchun Kompassga o'xshash ishlashni olish uchun sizga berilgan barcha kengaytmalarga kerak bo'lishi mumkin.

  • 04 SASSning kamroq xato xabarlari bor

    Sass va LESS ham sintaksikdagi xatolar haqida xabar berish qobiliyatlari uchun sinovdan o'tgan. JUMLADAN testlarda aniqroq xato xabarlari bor, unda xatoning to'g'ri joylashuvi haqida xabar berilgan.

    Shu kabi bir narsa, matn terish tizimi orqali terleme vaqtini tejaydi.

  • 05 MASLAH Sassdan ko'proq do'stona xujjatlarga ega

    BOShQA hujjat ingl. Jihatdan jozibador bo'lib, birinchi marotaba foydalanuvchilar uchun qulayroq. Sass hujjatlarida ma'lumot bazasi yoki wiki sozlamalari juda ko'p.

    Bu Sass yoki LESSni qabul qilish stavkalari uchun muhim bo'lishi mumkin, chunki u veb-sayt dizayni uchun mo'ljallangan platformadir.