« طراحی سایت و گرافیک »
4.18K subscribers
191 photos
669 videos
5 files
458 links
مرجع تخصصی آموزش گرافیک و طراحی سایت

1⃣ آموزش سرور و هاستینگ
2⃣ آموزش طراحی سایت
3⃣ نکات طلایی وبمستری
4⃣ آموزش هک و کرک وردپرس و...

🔵 لیست دوره های به پایان رسیده کانال:
🌐 https://t.me/+kVjcoAHGLrE1NGI8
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
👍3
☑️ به اطلاع میرسانیم دوره آموزشی سئو فاندامنتال در ۶ جلسه تقدیم حضور خواهد شد.

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

🎨 @Web_Designer98
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
👍3
یک جزئیات کوچک در رابط کاربری که بر درک آن تأثیر می‌گذارد!

📌اغلب اوقات، وقتی روی یک 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
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
👍2
Media is too big
VIEW IN TELEGRAM
🚀 سئو فاندامنتال - SEO Fundamental

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

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

🎨 @Web_Designer98
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
ویرایشگر قدرتمند؛ که مجموعه‌ای از گرادیان‌های آماده و زیبا را ارائه می‌دهد. این گرادیان‌ها را می‌توان به صورت بصری سفارشی‌سازی کرد و به عنوان تصویر یا حتی ویدیوهای انیمیشنی صادر کرد.

🌐 https://colorflow.ls.graphics/

🎨 @Web_Designer98
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
👍2
Media is too big
VIEW IN TELEGRAM
🚀 سئو فاندامنتال - SEO Fundamental

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

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

🎨 @Web_Designer98
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
👍2
Media is too big
VIEW IN TELEGRAM
☑️ یک توسعه‌دهنده از سنگاپور موفق شد جاوااسکریپت را روی PSP اجرا کند، با ایجاد یک فریم‌ورک اختصاصی.

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

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

🎨 @Web_Designer98
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
🚀 سئو فاندامنتال - SEO Fundamental

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

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

🎨 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
یک روش جالب برای تغییر تم وب‌سایت شما به حالت تیره

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

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

🎨 @Web_Designer98
❤‍🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
🚀 سئو فاندامنتال - SEO Fundamental

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

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

🎨 @Web_Designer98
This media is not supported in your browser
VIEW IN TELEGRAM
☑️ برای اولین بار در 16 سال گذشته، یک روش جدید به HTTP اضافه شده است - و این فقط یک به‌روزرسانی نیست، بلکه یک استاندارد کامل است.

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

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

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

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

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

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

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

🎨 @Web_Designer98