Sass ו Preprocessors פחות

מפתחי אינטרנט צריכים להיות מכירים אחד או שניהם preprocessors

קולה או פפסי, Mac או PC, פלא או DC? בכל קהילה יש ויכוח שעליו טוב יותר. עבור מעצבי אתרים או מפתחים, כי הדיון הוא Sass או פחות.

מה הם Sass ו LESS?

גיליונות סגנונות מדהימים (Sass) ו- Leaner CSS (LESS) הם שני פרויספקטים של CSS. הם סיגנונות סגנונות מיוחדים שהופכים עיצוב קל ויעיל יותר. שניהם Sass ו LESS להדרג CSS סגנונות כך דפדפנים יכולים לקרוא אותם, המהווה צעד הכרחי כי הדפדפנים המודרניים לא יכולים לקרוא. Sass או סוגי קבצים ללא.

אם אתם מתכננים להיות בעולם של פיתוח אינטרנט, זה רעיון טוב להיות בקי היטב באחד משני preprocessors - או שניהם .

כאשר זה מגיע לזה, שניהם דומים. הם עושים כתיבת CSS פשוט יותר, מונחה עצמים יותר, חוויה מהנה יותר. עם זאת, ישנם כמה הבדלים מרכזיים. חמישה מהם רשומים כאן.

  • 01 סאס ברובי. LESS האם ב- JavaScript

    סאס מבוססת ברובי, והיא דורשת התקנה של רובי. זה לא עניין גדול אם יש לך MAC. עם זאת, זה יותר התקנה אם יש לך מחשב Windows.

    LESS היה בנוי רובי כמו סאס, אבל זה הועבר ל- JavaScript. כדי להשתמש ב- LESS, תעלה את קובצי ה- JavaScript המתאימים לשרת שלך או תעבד את גיליונות ה- CSS באמצעות מהדר לא מקוון.

  • 02 להקצאת משתנים: שימוש בסס $; LESS שימושים @

    הן Sass והן LESS משתמשים בתווים מיוחדים כדי להקצות משתנים. בדרך זו אתה לא צריך להמשיך להזין מפרטים; אתה יכול פשוט להזין את התו.

    ב Sass, זה סימן הדולר ($). ב- LESS, זהו הסמל at (@). החיסרון היחיד עבור LESS הוא שיש כמה בוררי CSS קיימים שכבר משתמשים ב- @, כך שהוא עלול להקשות מעט על עקומת הלמידה.

  • 03 Sass יש מצפן, LESS יש Preboot

    ל- Sass ו- LESS יש הרחבות זמינות לשילוב מיקסים (היכולת לאחסן ולשתף הצהרות CSS בכל אתר).

    • ל- Sass יש מצפן זמין עבור Mixins, הכולל כל אפשרות זמינה עם עדכונים לתמיכה בעתיד.

    • LESS יש Preboot.less, מיקס פחות, אלמנטים פחות, gs, ו frameless. התמיכה בתוכנה של LES מקוטעת יותר מסאס, וכתוצאה מכך הרבה אפשרויות שונות עבור הרחבות כי לא כל הפונקציה באותה דרך. עבור הפרוייקט שלך, ייתכן שתצטרך את כל התוספים המפורטים כדי לקבל ביצועים דומים ל- Compass.

  • 04 LESS יש הודעות שגיאה טובות יותר מאשר Sass

    גם Sass וגם LESS נבדקו על יכולתם לדווח על שגיאות בתחביר. LESS מכיל הודעות שגיאה מדויקות יותר במבחנים בכך שהוא דיווח על המיקום הנכון של השגיאה.

    משהו כזה יכול לחסוך קצת זמן מזיע על שגיאת הקלדה.

  • 05 LESS יש יותר ידידותי למשתמש תיעוד Than Sass

    תיעוד LESS הוא מושך ויזואלית וקל יותר לעקוב אחר משתמשים בפעם הראשונה. תיעוד סאס יש הרבה יותר של בסיס ידע או הגדרה wiki.

    עובדה זו יכולה להיות חשובה שיעורי האימוץ של Sass או LESS שכן הוא פלטפורמה המיועדת לשימוש בעיצוב האתר.