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

📌اغلب اوقات، وقتی روی یک 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

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

🔶 موضوع جلسه:
سئو محتوا (SEO Content)

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

🎨 @Web_Designer98

✅ یک روش جالب برای تغییر تم وب‌سایت شما به حالت تیره

با انیمیشن‌های زیبا و قابل تنظیم.

فقط به ۲ خط کد جاوااسکریپت و مقداری CSS نیاز دارد:
🌐 http://theme-toggle.rdsx.dev

🎨 @Web_Designer98

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

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

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

🎨 @Web_Designer98

☑️ برای اولین بار در 16 سال گذشته، یک روش جدید به HTTP اضافه شده است - و این فقط یک به‌روزرسانی نیست، بلکه یک استاندارد کامل است.

📌این روش به نام QUERY نامگذاری شده و مشکل قدیمی را حل می‌کند:

📌؛GET نمی‌تواند از بدنه درخواست استفاده کند، و POST نمی‌تواند امنیت و کش کردن را ارائه دهد.

؛QUERY بهترین ویژگی‌های هر دو را ترکیب می‌کند:

– مانند GET، وضعیت منبع را تغییر نمی‌دهد.

– مانند POST، می‌تواند JSON و هر نوع داده‌ای را در بدنه درخواست دریافت کند.

– قابلیت کش شدن دارد و درخواست‌ها را می‌توان به صورت ایمن تکرار کرد.


؛Node.js و Go از این روش در سرور پشتیبانی می‌کنند، Spring نیز در حال بررسی آن است، و مرورگرها هنوز سکوت کرده‌اند.

🎨 @Web_Designer98

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

🔶 موضوع جلسه:
سئو وردپرس

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

🎨 @Web_Designer98

🔥 طراحان وب، این فرصت را از دست ندهید: مجموعه‌ی بزرگی از پس‌زمینه‌ها، گرادیانت‌ها و شیدِرها برای وب‌سایت‌ها، اپلیکیشن‌ها و ارائه، کاملاً رایگان شده است.

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

امتحان کنید: کلیک کنید

@Web_Designer98 | #web