به هوش مصنوعی گفتم به زبان ساده بگو ویژگی
force-color
توی سی اس اس چیه , اینو داد:
خب، تصور کن که یک جعبه مداد رنگی داری تا نقاشی بکشی و دوستی داری که عینک خاصی به چشم داره و فقط بعضی از رنگ‌ها را خوب می‌بینه. پس تو تصمیم می‌گیری که یک نقاشی فقط با رنگ‌هایی بکشی که دوستت بهتر می‌بینه.
در دنیای کامپیوترها، وب‌سایت‌ها از چیزی به اسم سی اس اس استفاده می‌کنند تا زیبا بشن، مثل انتخاب کردن رنگ‌ها برای پشت زمینه، متن و اینجور چیزها. حالا بعضی از آدم‌ها تنظیمات خاصی لازم دارن چون چشم‌شان با بعضی از رنگ‌ها سخت کنار میاد یا برای خواندن راحت نیاز به کنتراست بیشتری دارن.
‘فورس-کالر’ در سی اس اس مثل این می‌مونه که به کامپیوتر بگی: «هی، بعضی آدم‌ها نیاز به استفاده از جعبه مداد رنگی خاص خودشون دارن که برای چشم‌هاشون بهتره، پس بیا اطمینان حاصل کنیم که وب‌سایت می‌تونه رنگ‌هاش رو عوض کنه تا از مداد رنگی خاص اونا استفاده کنه.» اینجوری، حتی اگر وب‌سایت طراحی خاص خودش را داشته باشه، می‌تونه برای استفاده رنگ‌هایی که کامپیوتر یا مرورگر شخص انتخاب کرده، تغییر کنه تا همه چیزو واضح و راحت ببینن.
@alithecodeguy
#css #tip #webdevelopment

اگر با CSS Grid همچین چیزی می‌خواید (که فقط بین گرید آیتم‌ها بردر داشته باشه) ، کدش رو توی سندباکس زیر گذاشتم. ریسپاسیو هم هست ، با تغییر عرض صفحه تعداد آیتم‌های هر خط عوض میشه. اگر احتیاج ندارید هم یه جا ذخیرش کنید. یه روز به کارتون میاد و کدش توی نت گیر نمیاد.
https://codesandbox.io/p/sandbox/grid-mqdwy2?file=%2Findex.html
#css #grid

css "ch" unit
#css

ساخت کلندر به شکل دلخواه و به زبان دلخواه با
html/css/js
خیلی هم شیک و حرفه‌ای 👌

https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/

#css #calendar

به نظرم یه آدم عادی نمی‌تونه اینو طراحی کنه.
روی مانیتور ببینید ، از گوشی بهتر دیده میشه.
https://deck-24abcd.netlify.app/
#css

نکته جذابی از سی‌اس‌اس.
با استفاده از اتربیوت مدیا روی تگ لینک یا استایل می‌تونید فایل‌های سی‌اس‌اس رو بر اساس نوع دیوایس برای کاربر لود کنید. این مقادیر توی مدیاکویری‌ها هم قابل استفاده هستن.
تصویر رو ببینید متوجه می‌شید.
اطلاعات بیشتر در لینک زیر:
https://www.w3schools.com/tags/att_style_media.asp
#css #web #webdevelopment

توی فارسی برای تبلت ، کلمه رایانک مالشی رو انتخاب کردن. با همین فرمون ، این هم میشه دکمه مالشی برای ریکت 😁
فقط برای ایده گرفتن گذاشتمش. به سلیقه خودتون تغییرش بدید.
سورس روی گیت‌هاب:
https://github.com/alithecodeguy/react_swipe_button

مطالب بیشتر در کانال رقصنده با مد:
https://t.iss.one/+6qj3zj0u8bw5M2I0

#react #programming #css

عجب سایتی هستش این.
https://csszengarden.com/

برای یک کد ثابت HTML ، کد‌های مختلف css نوشتن.
از حالت کلاسیک تبدیل میشه به کارتونی ، یا دیجیتال یا انیمیشن وکلی استایل‌های دیگه.
پیشنهاد می‌کنم بهش سر بزنید. خیلی جالبه.

#html #css

نکته #css
المان‌های دارای پوزیشن ابسلوت، خودشون رو با هر پوزیشنی به جز استاتیک ، تنظیم می‌کنن.

مرور سی‌اس‌اس در کمتر از ۱۷ دقیقه

ویدیوی خودمه. ممنون میشم اگر دیدید و خوشتون اومد ، حتما لایک کنید و کامنت بذارید. و البته سابسکرایب 🌸

https://youtu.be/QFyL7Q4ydtA
#css

این احتمالا بهترین خبریه که توی دنیای css میشه شنید. کثافتی به اسم انیمیشن دار کردن تغییر ارتفاع ، داره به سلامتی اوکی میشه :
https://youtube.com/shorts/5vwdpgvOZVo?si=rYIEpOjF-WnpQwPb
هر چند که الانش هم با grid تا حدودی میشه هندلش کرد
#css

اگر خیلی گرمه ، بیاید برید با html/css پنکه بسازید ، صفحتون خنک بشه.
هار هار هار 😒

https://youtube.com/shorts/5t-sGOpnoCA?si=oiX0aWruUyiTKVRZ

#css

فرض کنید یه div دارید که ارتفاعش ثابته ولی محتویاتش داینامیکه. وقتی دیتا کم باشه ، اسکرول نمیخوره ولی وقتی دیتا زیاد بشه اسکرول میخوره ولی همین اسکرول باعث میشه عرض اولیه div کم بشه چون خود اسکرول بار هم یه عرضی داره.
این مشکل رو با scrollbar-gutter حل می‌کنن.
توی این شرت ۱ دقیقه‌ای، بسیار عالی توضیح میده:
https://youtube.com/shorts/mg49F9qUs38?si=OjxwMFy6EwAZAzGe

#css

Such a simple solution to show invalid inputs using CSS.

#css

۶۶ سوال ناب CSS با جواب

#css #interview

۳۹ سوال ناب برای SASS

#css #sass #scss