نکته سریع CSS: کاهش یا مخفی کردن نوارهای اسکرول با استفاده از scrollbar-width

ویژگی scrollbar-width امکان تغییر عرض نوار اسکرول را می‌دهد. این ویژگی سه مقدار می‌پذیرد: auto (پیش‌فرض)، thin و none

در حال حاضر scrollbar-width توسط همه مرورگرها پشتیبانی می‌شود - Can I Use

🎨 @Web_Designer98

🚀 آموزش برنامه‌نویسی (OOP) در PHP

🔶 موضوع جلسه:
کار با SQLite در PHP

🎬 مشخصات ویدیو:
▫️ کیفیت: 720p (HD)
▫️ مقطع: جلسه آخر

🎨 @Web_Designer98

✅ ؛Deno، محیط اجرای محبوب جاوااسکریپت، اکنون امکان تبدیل پروژه‌های جاوااسکریپت و تایپ‌اسکریپت به برنامه‌های دسکتاپ برای ویندوز، مک‌اواس و لینوکس را فراهم می‌کند.

🔺می‌توانید WebView سیستمی یا بک‌اند کرومیوم داخلی را انتخاب کنید. علاوه بر این، فریم‌ورک‌هایی مانند Next.js و SvelteKit به‌صورت پیش‌فرض پشتیبانی می‌شوند.

🌐 https://docs.deno.com/runtime/desktop/

🎨 @Web_Designer98

☑️ به پایان این دوره رسیدم، امیدوارم از این دوره نهایت استفاده رو کرده باشین. ❤️🙏

کانال خودتون تا دوره های بعدی همراه راهی کنید 😘❤️

📥 دانلود کل دوره به صورت یکجا

☑ اغلب برای ویژگی background-repeat مقدار 'repeat' استفاده می‌شود. آیا می‌دانید که مقادیر دیگری نیز وجود دارند؟

؛round: تصویر به گونه‌ای تکرار می‌شود که کل عنصر را پر کند. اما تصویر برش نمی‌خورد و تعداد دفعات تکرار کامل است. اگر این امکان‌پذیر نباشد، تصویر مقیاس‌بندی می‌شود.

؛space: مشابه round است، اما به جای کشیدن تصاویر، فضای خالی بین عناصر ایجاد می‌کند، زمانی که لازم باشد.

🎨 @Web_Designer98

☑️ به اطلاع میرسانیم دوره آموزشی سئو فاندامنتال در ۶ جلسه تقدیم حضور خواهد شد.

📌 جزئیات دوره:
🔹تعداد جلسات: ۶ جلسه آموزشی
🔶سطح دوره: از مقدماتی تا پیشرفته
🔹زبان آموزش: فارسی 🇮🇷
🔶منبع اصلی: یوتیوب 🎥
#seo

🎨 @Web_Designer98

✅ یک جزئیات کوچک در رابط کاربری که بر درک آن تأثیر می‌گذارد!

📌اغلب اوقات، وقتی روی یک button، tab، dropdown-item یا card-action کلیک می‌کنید، متن انتخاب می‌شود.

🔸این باعث می‌شود که رابط کاربری ناگهان با کیفیت کمتری به نظر برسد.

.button {
  user-select: none;
}

🔹اکنون متن داخل این عناصر دیگر به طور تصادفی با ماوس یا لمس انتخاب نخواهد شد.

🔸این ویژگی به ویژه برای عناصر تعاملی مفید است.

button,
.tab,
.badge {
  user-select: none;
}

🔸اما مهم است که این ویژگی را به صورت سراسری اعمال نکنید.

body {
  user-select: none;
}

🔹این کار می‌تواند تجربه کاربری را خراب کند. زیرا کاربر دیگر قادر نخواهد بود متن را کپی کند.

🔸فقط در جاهایی از آن استفاده کنید که انتخاب متن واقعاً ضروری نیست.

button,
.control,
.action

☑️ این یک جزئیات کوچک است، اما می‌تواند به طور قابل توجهی رابط کاربری را بهبود بخشد.

🔥 user-select: none

یک راه ساده برای ایجاد یک رابط کاربری بصری تمیزتر و دلپذیرتر.

🎨 @Web_Designer98

🚀 سئو فاندامنتال - SEO Fundamental

🔶 موضوع جلسه:
مبانی اولیه سئو

🎬 مشخصات ویدیو:
▫️ کیفیت: 720p (HD)
▫️ فصل: اول

🎨 @Web_Designer98

✅ ویرایشگر قدرتمند؛ که مجموعه‌ای از گرادیان‌های آماده و زیبا را ارائه می‌دهد. این گرادیان‌ها را می‌توان به صورت بصری سفارشی‌سازی کرد و به عنوان تصویر یا حتی ویدیوهای انیمیشنی صادر کرد.

🌐 https://colorflow.ls.graphics/

🎨 @Web_Designer98

🚀 سئو فاندامنتال - SEO Fundamental

🔶 موضوع جلسه:
سئو استراتژی (SEO Strategy)

🎬 مشخصات ویدیو:
▫️ کیفیت: 720p (HD)
▫️ فصل: دوم

🎨 @Web_Designer98

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

🔸این فریم‌ورک از Vue + Tailwind و انیمیشن‌هایی با سرعت 60 فریم در ثانیه استفاده می‌کند. حجم مصرف حافظه RAM آن تنها 8 مگابایت است.

و تمام این موارد متن‌باز (open-source) هستند:
https://github.com/pocket-stack/pocketjs

🎨 @Web_Designer98