جاوااسکریپت | JavaScript
описание
کانال @IR_javascript حاوی اطلاعات مفید در حوزه برنامه نویس فرانت که بصورت روزانه بروز میشود. در این کانال شما به: [1] مطالب تازه [2] تحلیلهای عمیق [3] نکات آموزشی [4] چالش [5] ابزار و راهنماییهای کاربردی دسترسی خواهید داشت. 🆔@IR_javascript
493
подписчиков
Охват к подписчикам
47,3%
ERR
Реакции к просмотрам
0,91%
89 на 34 постов
Пересылки к просмотрам
1,78%
174
Постов в день
0,0
всего 34
Где отзываются чаще
доля реакций к просмотрам- 28 февр.🖤 سالروز وفات حضرت خدیجه کبری (س) ⚫️ رسول الله صلی الله علیه و آله: ◎ خدا زنی بهتر از خدیجه به من نداد. هنگامی که مردم تکذیبم میکردند، او مرا تصدیق کرد و هنگامی که مردم مرا تحریم کردند، با ثروتش کمکم کرد. و خدا از او فرزندانی به من داد در حالی که از دیگر زنانم به من فرزندی نداد. #️⃣#event 👥@IR_javascript_group 🆔@IR_javascript8,52%
- 13 окт. 2024 г.без подписи7,81%
- 25 окт. 2024 г.без подписи6,02%
- 29 окт. 2024 г.без подписи4,86%
- 3 мар.«چطور میتوان یک آیکون را به فیلد ورودی اضافه کرد بهطوری که تنها وقتی placeholder دیده میشود قابل مشاهده باشد و با وارد کردن متن ناپدید شود؟» آیکون را داخل کانتینر label قرار دهید و سپس از pseudo-class :placeholder-shown روی فیلد ورودی استفاده کنید! 🔗https://codepen.io/alinaki/pen/xxMpgLK?editors=1100 #️⃣#tip 👥@IR_javascript_group 🆔@IR_javascript2,31%
- 16 сент. 2025 г.без подписи1,36%
- 20 нояб.без подписи0,99%
- 15 сент. 2025 г.без подписи0,77%
- 25 дек. 2024 г.без подписи0,70%
- 10 янв.без подписи0,51%
- 5 дек.без подписи0,41%
- 27 февр.امروزه استفاده از position: sticky کاملاً رایج و معمول شده است. اما تصور کنید اگر میتوانستید به عناصر چسبنده به والد دسترسی پیدا کنید و با آنها افکتها و رفتارهای جالب ایجاد کنید، چه؟ خبر خوب اینکه این امکان اکنون وجود دارد! اخیراً قابلیت اسکرول-کوئریها به عنوان بخشی از کانتینر-کوئریها معرفی شده است. همانطور که از نامشان پیداست: [Container scroll-state queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_conditional_rules/Container_scroll-state_queries). مثلاً میخواهید یک تصویر در تصویر (PIP) بسازید، بهطوری که خواندن مقاله متوقف نشود؟ یا برعکس، تبلیغات در صفحه قطع نشود؟ :) کاملاً امکانپذیر است: [نمونه عملی در CodePen](https://codepen.io/alinaki/pen/WbvMOPB) @container scroll-state(stuck: top) { .pip { width: 200px; transform: translate(-50%, 0%) translate(calc(50vw - (50% + 1rem)), calc(100vh - (100% + 1rem))); } } نکته جالب اینکه میتوان چند translate را با هم ترکیب کرد تا نتایج ریاضیاتی و حرکتی جالبی ایجاد شود. برای مرورگرهایی که هنوز از اسکرول-کوئریها پشتیبانی نمیکنند، میتوانید همیشه از یک IntersectionObserver استفاده کنید (که در نمونه نیز وجود دارد). #️⃣#tip 👥@IR_javascript_group 🆔@IR_javascript0,23%