CSS gradient borders
#css #tip

نگاهی به compiled css داشته باشید. جزو ترند‌ها محسوب میشه.
https://compiledcssinjs.com/
#css
@alithecodeguy

ویژگی جدید CSS
:nth-child(x of . myClass)
#css #html
@alithecodeguy
https://youtube.com/shorts/bEDW_mG18mo?si=s6cdExceFzoYuRWG

به هوش مصنوعی گفتم به زبان ساده بگو ویژگی
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