Rise Company
10-05-2017, 13:15
الفرق بين Css و Less و Sass و Scss - استاتيك vs ديناميك
preprocessor - pre compiler
https://www.rise.company/forum/images/imported/2017/05/1.jpg
هناك لغات تنسيق موسعة ل CSS بمعنى هناك نقاط قصور كثيرة في CSS وهاتين اللغتين تساهمان في حلها. مثلا لنفرض أنك تريد عمل موقع ب 3 سمات واحدة أبيض وأزرق وأخرى برتفالي وأسود وأخرى أبيض وأسود وتريد أيضا أن توفر نسخة متراصة (هوامش صغيرة) ونسخة واسعة. لا يوجد في CSS طريقة لعمل ذلك. كذلك لو فكرنا بصفات CSS وكأنها كائنات مثلا لدينا فئة الناس وفئة الموظفين وفئة المدراء ... وأردنا أن نطبق بعض الوراثة هنا فنقول أن الموظفين هم ناس لكن لديهم شارة شارة صفراء والمدراء لديهم علامة إلى جانب الشارة الصفراء.
أن لازلت أفضل أن كتب CSS مباشرة دون وسيط ليس لأنها جيدة (فأنا أعترف أنها سيئة) بل لأن هذا ما سيجلبه المتصفح في النهاية. إن استعمال أدوات وسيطة مثل Sass أو less قد ينتج عنه CSS كبير وغير مجدي. قد أبدو مثل من يقول أن البرمجة بلغة الآلة أفضل من كتابة الكود بلغة عالية المستوى مثل سي. لكن الموضوع ليس هكذا نعم الملف يبدو صغير في SASS أو LESS لكن ملف CSS الذي يجلبه المتصفح في آخر القصة كبير انظر مثلا إلى bootstrap (حوالي 100 كيلوبايت من CSS) كمثال على LESS أو foundation (حوالي 200 كيلوبايت من CSS) كمثال على SASS.
ربما مع الوقت قد يتطور CSS ليعالج ما به من نقص.
https://upload.rise.company/uploads/1494974765752.jpg
الضروري على اي مطور أن يستفيد من التقنيات الحديثه وهنا أحببت أن أتحدث عن CSS أذا كنت مبتدأ فيمكنك كتابة كل الخطوات بنفسك دون النظر لتكرار الاكواد . لكن ماذا عن المطورين المحترفين الذي يهتم للوقت هنا يجب أن نتحدث عن Less أو Sass .
لكن اي منهم هو الافضل بصراحه جميعها جيده لكن المقارنه هنا عن المميزات في كل منها البعض يفضل السهولة والبعض يفضل المميزات الاكثر دوون النظر لتعقيد
Sass تعتمد على RubyLess هي تعتمد على مكتبة JavaScriptالاسهل في التنصيب هو LessSass و Less كلاهما سريع و سهل للمطورين
Less تحتاج لبعض الاضافات كـ CSS3 Mixins ، Grid ، Layout ، Misc
https://upload.rise.company/uploads/1494974765721.jpg
لذلك قد يكون Sass هو الافضل في هذه النقطه
Less و Sass كلاهما يعتمد على المتغيرات لكن في هذه النقطه Sass يتفوق على Less من هذه الجانب
Sass و Less كلاهما لهم تعريف مختلف في كتابة الكود هنا نقول أن Sass هو أفضل من هذا الجانبالتنبه بالاخطاء في هذا النقطه Less يتفوق في هذا الجانبالتوثيق في موقع كلاهما في هذه النقطه Less يتفوق
https://www.rise.company/forum/images/imported/2017/05/2.jpg
الخلاصه كلاهما رائع في كتابة الاكود لكن من وجهة نظري Sass أفضل في المميزات و Less أسهل في التعامل
ننتظر تجاربكم في كلاهماموقع Less :http://lesscss.org (http://lesscss.org/)موقع Sass :http://sass-lang.com (http://sass-lang.com/)هناك Scss وهي نفسها Sass
preprocessor - pre compiler
https://www.rise.company/forum/images/imported/2017/05/1.jpg
هناك لغات تنسيق موسعة ل CSS بمعنى هناك نقاط قصور كثيرة في CSS وهاتين اللغتين تساهمان في حلها. مثلا لنفرض أنك تريد عمل موقع ب 3 سمات واحدة أبيض وأزرق وأخرى برتفالي وأسود وأخرى أبيض وأسود وتريد أيضا أن توفر نسخة متراصة (هوامش صغيرة) ونسخة واسعة. لا يوجد في CSS طريقة لعمل ذلك. كذلك لو فكرنا بصفات CSS وكأنها كائنات مثلا لدينا فئة الناس وفئة الموظفين وفئة المدراء ... وأردنا أن نطبق بعض الوراثة هنا فنقول أن الموظفين هم ناس لكن لديهم شارة شارة صفراء والمدراء لديهم علامة إلى جانب الشارة الصفراء.
أن لازلت أفضل أن كتب CSS مباشرة دون وسيط ليس لأنها جيدة (فأنا أعترف أنها سيئة) بل لأن هذا ما سيجلبه المتصفح في النهاية. إن استعمال أدوات وسيطة مثل Sass أو less قد ينتج عنه CSS كبير وغير مجدي. قد أبدو مثل من يقول أن البرمجة بلغة الآلة أفضل من كتابة الكود بلغة عالية المستوى مثل سي. لكن الموضوع ليس هكذا نعم الملف يبدو صغير في SASS أو LESS لكن ملف CSS الذي يجلبه المتصفح في آخر القصة كبير انظر مثلا إلى bootstrap (حوالي 100 كيلوبايت من CSS) كمثال على LESS أو foundation (حوالي 200 كيلوبايت من CSS) كمثال على SASS.
ربما مع الوقت قد يتطور CSS ليعالج ما به من نقص.
https://upload.rise.company/uploads/1494974765752.jpg
الضروري على اي مطور أن يستفيد من التقنيات الحديثه وهنا أحببت أن أتحدث عن CSS أذا كنت مبتدأ فيمكنك كتابة كل الخطوات بنفسك دون النظر لتكرار الاكواد . لكن ماذا عن المطورين المحترفين الذي يهتم للوقت هنا يجب أن نتحدث عن Less أو Sass .
لكن اي منهم هو الافضل بصراحه جميعها جيده لكن المقارنه هنا عن المميزات في كل منها البعض يفضل السهولة والبعض يفضل المميزات الاكثر دوون النظر لتعقيد
Sass تعتمد على RubyLess هي تعتمد على مكتبة JavaScriptالاسهل في التنصيب هو LessSass و Less كلاهما سريع و سهل للمطورين
Less تحتاج لبعض الاضافات كـ CSS3 Mixins ، Grid ، Layout ، Misc
https://upload.rise.company/uploads/1494974765721.jpg
لذلك قد يكون Sass هو الافضل في هذه النقطه
Less و Sass كلاهما يعتمد على المتغيرات لكن في هذه النقطه Sass يتفوق على Less من هذه الجانب
Sass و Less كلاهما لهم تعريف مختلف في كتابة الكود هنا نقول أن Sass هو أفضل من هذا الجانبالتنبه بالاخطاء في هذا النقطه Less يتفوق في هذا الجانبالتوثيق في موقع كلاهما في هذه النقطه Less يتفوق
https://www.rise.company/forum/images/imported/2017/05/2.jpg
الخلاصه كلاهما رائع في كتابة الاكود لكن من وجهة نظري Sass أفضل في المميزات و Less أسهل في التعامل
ننتظر تجاربكم في كلاهماموقع Less :http://lesscss.org (http://lesscss.org/)موقع Sass :http://sass-lang.com (http://sass-lang.com/)هناك Scss وهي نفسها Sass