اولویت در رندر و بارگزاری فایل های سی اس اس:

با قرار دادن مقدار preload در خاصیت rel می توانید برای بارگزاری آن فایل اولویت قائل شوید.
ساده تر بگوییم، وب سایتی كه طراحی كرده ایم به هر دلیلی فایل های سی اس اس زیادی دارد و بارگزاری آن ها كمی زمان بر است، در این حالت كاربر باید منتظر بماند تا تمام سی اس اس ها بارگزاری شوند ولی با استفاده از این تكنیك می توانیم یك فایل سی اس اس اصلی كه حاوی ستون بندی های اصلی است ا ابتدا بارگزاری كنیم تا حداقل كاربر چهارچوب اصلی سایت را درست ببیند، سپس مابقی سی اس اس ها بارگزاری می شوند و شمایل اصلی وب سایت دیده خواهد شد.

#UI #Css #Preload #Web_Design

http://t.me/WebDevelopmentReferences

تغییر استایل پیش فرض اسكرول بار مرورگرها.

اسكرول بار معمولی و پیش فرض مرورگرها رنگ، اندازه و حالت مشخصی دارد كه اگر می خواهید تغییری در استایل آن بدهید به راحتی با استفاده از ساختار بالا قابل انجام است.

#UI #Browswe_Scrollbar #CSS #Web_Design

http://t.me/WebDevelopentReferences

👆👆👆👆👆👆
بهترین فریم ورك سی اس اس كدام است؟

اگر طراح سایت باشید حتما با این سوال دست و پنجه نرم كرده اید كه بهترین فریم ورك سی اس اس برای شما كدام است!؟
در همین ابتدا باید عرض كنم تمام فریم ورك ها عالی هستند و نه شخص بنده و نه هیچ كس دیگری نمی تواند به شما بگوید كدام فریم ورك برای شما خوب است.
اصلا بهت بگویم، صورت مسئله اشتباه است! یعنی سوال اشتباهی می پرسید و بهتر است بگوییم "با توجه به پروژه و خواسته های من كدام فریم ورك در این پروژه بهتر است؟"
حالا باید شرایط پروژه را برای خود بنویسید و با توجه به آنها تصمیم بگیرید.
مثلا طرحی كه قرار است زده شود بیشتر از كامپوننت های آماده استفاده می كند و تم طرح قرار است متریال باشد (با توجه به خواسته مشتری یا طرح) خوب در این مورد دیگر استفاده از بوت استرپ اشتباه است (مگر فریم ورك متریال برای بوت استرپ).

یا طرحی كه تصور كرده ایم بیشتر امكاناتش شبیه به كامپوننت های فریم ورك های مجود نیست و حتی تغییر و ویرایش كامپوننت ها هم كار را بیشتر می كند، در این مورد بهتر است یك فریم ورك بایه كه تنها امكان گرید بندی و ریسپانسیو را می دهد استفاده كنیم و باقی امكانات را طراحی كنیم.

و یا طرحی كه قرار است زده شود یك صفحه بسیار ساده می باشد و امكانات خاصی ندارد. پس اگر از فریم ورك هایی مثل متریال یا بوت استرپ به صورت كامل استفاده كنیم تنها حجم صفحه را بالا برده ایم در صورتی كه از امكانات آن استفاده ای نشده است.

نتیجه گیری:
زمان تصمیم گیری برای انتخاب فریم ورك سی اس اس بهتر است شرایط پروژه و امكانات مورد نیاز را لیست كنیم و بر اساس آنها تصمیم بگیریم.

#Css_Frameworl #Design #Material #Bootstrap

http://t.me/WebDevelopmentReferences

SaSS basics in 5 minutes!
. . .
#css #sass #scss #less #preprocessor #webdesign #designweb #programming #learncss #learnsass #learnscss #طراحیسایت #برنامه_نویسی #سایت #آموزش #آموزش_طراحی_سایت #آموزش_برنامه_نویسی #سادین #sadin
https://www.instagram.com/p/BxrGy5rFVUB/?igshid=1g3s2l39c1y58