كاربرد LESS & SASS در طراحي وب سايت

كاربرد LESS & SASS در طراحي وب سايت

تعريف LESS  & SASS
LESS & SASS زباني براي طراحي وب است كه به ما در سرعت بخشيدن طراحي سايت كمك زيادي ميكند. وراه كوتاهتر واسانتر براي نوشتن كدهاي css  است.

كلمه ي SASS  مخفف كلمه ي Syntactically Awesome Stylesheets  كه زبان اسكريپت نويسي هست و به CSS تفسير مي شود كه داراي 2 سينتكس است.

كاربرد SASS

در sass ما ميتوانيم متغيرهايي را تعريف كنيم. اطلاعاتي كه قراراست چندين مرتبه در قسمت هاي مختلف يك فايل css وارد شود ميتواند داخل يه متغير نگه داشته شده  و در صورت نياز  ميتوانيم به جاي آن اسم متغير رو بنويسيم. به اين ترتيب وقتي مقدار متغيري كه تعريف كرده ايم رو تغيير بديم، جاهايي كه از اين متغير استفاده كرده ايم مقدارش تغيير خواهد كرد. ميتوانيم مقادير مختلف  css را داخل متغير ذخيره كنيد. Sass از علامت $ براي ساخت متغير استفاده ميكند.

طراحي سايت اينترنتي – طراحي وب سايت در تهران – مركز طراحي سايت – طراحي سايت يزد – طراحي سايت بوشهر – طراحي سايت شرق تهران – طراحي سايت شهرك غرب – طراحي وبسايت تهران – طراحي وبسايت مركز – طراحي وب سايت استان مركزي – بهترين وبسايت طراحي – سايت شبيه ديجي كالا – طراحي سايت شبيه ايسام

اكستنشن هاي LESS & SASS
Less & sass اكستنشن هايي دارند تا طراحي سايت را آسان كنند تا كاربر به راحتي به توسعه وب بپردازد. Sass اكستنشني به نام Compass دارد كه شامل چندين mixin ميشوند تا بتوان به راحتي از كدهاي CSS3 در طراحي سايت استفاده كنيد. اما Compass پيچيده تر و سريع تر و در واقع كاملتر و فراتر از چند CSS3 Mixin است.  Compass رو ميشه يك مجموعه از مايحتاج ما براي توسعه با SASS نام برد Compass چون امكانات زيادي در زمينه هاي لي اوت , تايپوگرافي , گريدها و تصاوير در اختيار ما قرار ميده
از طرف ديگه LESS هم امكانات و اكستنشن هاي زيادي داره اما برخلاف Compass تمامي اين امكانات در قالب يك مجموعه ارائه نمي شوند. اين براي توسعه دهندگان حرفه اي مشكلي نيست اما انتخاب درست اكستنشن ها براي توسعه دهندگاني كه تازه به سمت LESS روي آورده باشن , كمي زمانگير خواهد بود.

تفاوت LESS & SASS
LESS يك  library از جاوا اسكريپ بوده و يك زبان  Client-Side  است.براي زماني كه كاربر جاوا اسكريپ را غير فعال ميكند مناسب نخواهد بود.

اما sass  فقط بر روي ruby  اجرا مي شود  و يك زبان server-side است.

در SASS ما از دايركتيو Mixin استفاده مي كنيم اما در LESS درست به شكل يك سلكتور كلاس تعريف مي كنيم.

نمايش خطاها در LESS دقيق تربوده و اين امكان كار را براي توسعه دهنده , آسان تر مي كند.

شباهت هاي LESS & SASS
-پارامترها

-قوانين كلاس هاي تو در تو

-توابع محاسبات رياضي

-توابع رنگها

-اجراي استايل ها

-كلاس ها

-مدريت استايل ها به صورت Local

-ارزيابي هايي از جاوا اسكريپ و استفاده از آن در طراحي سايت