‏CSS Shape — ابزاری که می‌توانند برای ایجاد طیف وسیع‌تری از اشکال مورد استفاده قرار بگیرند.

نکات برجسته:

تنوع باورنکردنی اشکال
قابلیت برش و پیکربندی برخی از اشکال
سادگی و ظرافت در طراحی

کاربردها:

ایجاد دکمه‌ها و آیکون‌های جذاب
طراحی جداکننده‌ها و بخش‌های مختلف صفحه
افزودن جزئیات بصری به طرح کلی

🆔https://css-tricks.com/the-shapes-of-css/

#️⃣#tip
🆔@IR_javascript

View transitions (Chrome 115+)

🔗https://codepen.io/joshsanger-the-looper/pen/WNLoaOg

#️⃣#code
🆔@IR_javascript

امروز می‌خواهیم به سراغ ابزاری به نام qnm برویم که برای جستجوی بسته‌های نصب‌شده در پوشه node_modules کاربرد دارد.

اما چرا به چنین ابزاری نیاز داریم؟

دلایل متعددی برای استفاده از qnm وجود دارد. به عنوان مثال، این ابزار می‌تواند به شما کمک کند تا:

به سرعت نسخه‌های تمام بسته‌های نصب‌شده (اعم از بسته‌های نصب‌شده توسط شما و یا به طور غیرمستقیم توسط سایر بسته‌ها) را مشاهده کنید
بسته‌هایی را که به طور غیرمستقیم توسط سایر بسته‌ها نصب شده‌اند، شناسایی کنید این موضوع می‌تواند برای یافتن دلیل نصب یک بسته خاص و یا بررسی وابستگی‌های پروژه شما مفید باشد.

بسته‌های قدیمی یا ناسازگار با سایر بسته‌ها را پیدا کنید گاهی اوقات، یک بسته ممکن است نسخه قدیمی‌تر یا ناسازگار با سایر بسته‌های نصب‌شده در پروژه شما را نصب کند. qnm می‌تواند به شما در یافتن این نوع بسته‌ها و ارتقای آنها به نسخه‌های جدیدتر یا سازگارتر کمک کند.

🔗 https://github.com/ranyitz/qnm

#️⃣#npm_module
🆔@IR_javascript

3D Card

🔗https://codepen.io/gayane-gasparyan/pen/wvxewXO
🔗https://codepen.io/t_afif/full/mdzxJaa

#️⃣#code
🆔@IR_javascript

جیتر: ابزاری برای خلق انیمیشن‌
جیتر یک پلتفرم آنلاین برای طراحی و ساخت انیمیشن‌های جذاب و تعاملی است. این ابزار به عنوان جایگزینی برای نرم‌افزار After Effects شناخته می‌شود و به کاربران امکان می‌دهد تا بدون نیاز به دانش فنی عمیق، انیمیشن‌های باکیفیت و حرفه‌ای را خلق کنند.
همچنین امکان وارد کردن پروژه های خود از Figma وجود دارد.

🔗https://www.youtube.com/watch?v=jdNvHs8l0Bs
🔗https://jitter.video/

#️⃣#tool
🆔@IR_javascript

چیدمان وب سایت تکمن

فرمت: figma
زبان: ru
سختی: سخت
ریسپانسیو: true

🔗https://www.figma.com/file/pweFVR5zMQtFCqZdjNlQrl/Takman-for-Markup-(Copy)?type=design&node-id=0%3A1&mode=design&t=I3ZcpDp495IGmbb8-1

#️⃣#design
🆔@IR_javascript

بازگشت به صفحه قبل در مرورگر
‏History API به شما امکان می‌دهد تاریخچه مرورگر را در یک جلسه مرور (session) مدیریت کنید. با استفاده از History API، می‌توانید در تاریخچه مرورگر به جلو و عقب بروید و محتوای آن را کنترل کنید.

بازگشت به صفحه قبل:
برای بازگشت به صفحه قبل در تاریخچه مرورگر، می‌توانید از دو روش زیر استفاده کنید:

history.back();
history.go(-1);

رفتن به صفحه بعد:
برای رفتن به صفحه بعد در تاریخچه مرورگر، می‌توانید از دو روش زیر استفاده کنید:

history.forward();
history.go(1);

ملاحظات:

روش‌های history.back(), history.forward(), و history.go() غیرهمزمان هستند. به این معنی که کد شما بلافاصله پس از اجرای این روش‌ها ادامه می‌یابد، بدون اینکه منتظر بماند تا صفحه جدید بارگیری شود.
اگر در ابتدای تاریخچه مرورگر خود هستید، استفاده از history.back() هیچ کاری انجام نمی‌دهد.
اگر در انتهای تاریخچه مرورگر خود هستید، استفاده از history.forward() هیچ کاری انجام نمی‌دهد.
#️⃣#tip
🆔@IR_javascript

شبه کلاس CSS :hover و کاربرد آن در دستگاه‌های لمسی
شبه کلاس CSS :hover برای اعمال استایل‌های خاص به عناصر زمانی که کاربر ماوس را روی آنها حرکت می‌دهد، استفاده می‌شود. این شبه کلاس در دستگاه‌های دارای "ماوس" به خوبی کار می‌کند، اما در صفحه‌های لمسی می‌تواند هنگام اسکرول کردن صفحه، اثرات ناخواسته‌ای ایجاد کند.

برای حل این مشکل، می‌توان از media query برای محدود کردن عملکرد :hover به دستگاه‌های دارای "ماوس" استفاده کرد.

نحوه محدود کردن :hover به دستگاه‌های دارای "ماوس":

@media (hover: hover) {
  .card:hover {
    /* Add hover styles.. */
  }
}

در کد بالا، media query فقط در صورتی اعمال می‌شود که دستگاه از "ماوس" یا ترکبال پشتیبانی کند. در این حالت، استایل‌های hover فقط برای .card زمانی که ماوس روی آن حرکت می‌کند، اعمال می‌شوند.

نکته:

‏media query (hover: hover) فقط در مرورگرهای مدرن پشتیبانی می‌شود. برای پشتیبانی از مرورگرهای قدیمی، می‌توانید از media query‌های جایگزین مانند (pointer: none) استفاده کنید.

🔗https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover

#️⃣#tip #css
🆔@IR_javascript

امام رضا عليه السّلام فرمود:
به راستی که خداوند عزّوجلّ به سه چيز همراه سه چیز ديگر فرمان داده است:
امر كرده به نماز و زكات پس هر كس نماز بخواند و زكات ندهد نمازش پذيرفته نشود،
و امر كرده به شكر خودش به همراه شكر والدين (در سوره لقمان آيه ۱۴) پس هر كه شكر والدين نكند شكر خدا نكرده است.
و امر كرده به تقوى الهی و صله رحم .(در آيه ۱-سوره النساء) و هر كه صله رحم نكند تقواى خدا عزّوجلّ را ندارد

#️⃣#event
🆔@IR_javascript

‏Unsection وب‌سایتی است که الهام‌بخش بخش‌های مختلف وب‌سایت شماست. این وب‌سایت منبعی عالی برای یافتن بهترین بخش‌های وب‌سایت برای وب‌سایت شما به شمار می‌رود. Unsection مجموعه‌ای از قالب‌های آماده و نمونه‌های الهام‌بخش را در اختیار شما قرار می‌دهد که می‌توانید از آنها برای طراحی بخش‌های وب‌سایت خود ایده بگیرید.
🔗https://unsection.com/

#️⃣#tool
🆔@IR_javascript

‏AI Image Enlarger ابزاری آنلاین است که از هوش مصنوعی برای بزرگ‌نمایی تصاویر تا 200% تا 400% بدون افت کیفیت استفاده می‌کند.

🔗https://imglarger.com/ru

#️⃣#tool
🆔@IR_javascript