⚡️ وقتی یه لیست داخل کد داریم، اولین ساختاری که براش به ذهنمون میرسه آرایه هستش. منتها شاید بعضی جاها بهتر باشه این آرایه رو تبدیل کنیم به array-like object. مثلا تو این مثال اگه قرار بود یوزر cory رو از آرایه بگیریم، باید از متد find استفاده میکردیم و یه لوپ میخورد آرایمون. ولی چون از آبجکت استفاده شده، دیگه صرفا داره پراپرتیشو میگیره

پ.ن: نیاید الان همه آرایه هاتون رو آبجکت کنید! کاربردای خاص خودشو داره این روش 😁

🆔 @frontcode01 | 👩‍💻🧑‍💻

📍 با استفاده از توابع mix , max , clamp میتونید منطق رو به CSS اضافه کنید و استفاده از Media Query رو به حداقل برسونید 🫰🏻
🆔 @frontcode01 | 👩‍💻🧑‍💻

🎉 جدید ترین یونیت های CSS:

- ✨ یونیت lh (مخفف line height) که دقیقا اندازه ارتفاع خط تکست میشه(به عکس توجه کنید: ارتفاع دایره صورتی که مقدارش 1lh داده شده دقیقا با ارتفاع متن کناریش برابره)

- ✨ یونیت rlh (مخفف root line height) که مشابه lh هستش منتها بجای line-height خود المنت، بر حسب line-height المنت روت کار میکنه

پ.ن: نسبت این دو تا بهم مثل نسبت em و rem هستش 🙃

🆔 @frontcode01 | 👩‍💻🧑‍💻

? با سینتکس جدید رنگ های CSS، میتونید بدون استفاده از rgba و با خود rgb پراپرتی چهارم که همون مقدار alpha و opacity رنگ هستش رو بدید!?

? جدول ساپورت Caniuse

? @frontcode01 | ?‍??‍?

? با مدیا کوئری hover: none میتونید برای دیوایس هایی که از حالت هاور پشتیبانی نمیکنن (مثلا فقط با تاچ هستن مثل گوشی های موبایل) استایل مخصوص خودشون رو بدید.

? @frontcode01 | ?‍??‍?