5 بازی برای یادگیری طراحی‌ وب‌سایت 🎮

1️⃣ Codédex
2️⃣ Designercize
3️⃣ User Inyerface
4️⃣ Elevator Saga
5️⃣ Coding Fantasy

📌 توضیحات بیشتر: اینجا کلیک کنید

#frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

یه راهنمای کاربردی و تصویری از flex box 👌

#flexbox #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

7 اسنیپت HTML که به دردت می‌خوره 🤌

1. Favicon
نمایش آیکون اختصاصی برای تب مرورگر

<link rel="icon" href="icon.png" type="image/png">

2. Viewport
ریسپانسیو کردن صفحه برای موبایل و تبلت

<meta name="viewport" content="width=device-width, initial-scale=1.0">

3. Theme-Color
تغییر رنگ نوار آدرس در مرورگر موبایل (مثل Chrome)

<meta name="theme-color" content="#317EFB">

4. Call & SMS Links
ایجاد لینک مستقیم برای تماس یا ارسال پیامک

<a href="tel:+989123456789">تماس بگیر</a>  
<a href="sms:+989123456789">پیامک بده</a>

5. HTML Redirect
ریدایرکت کاربر به صفحه‌ی دیگه بعد از چند ثانیه

<meta http-equiv="refresh" content="5;url=https://example.com">

6. Async Load JS
لود کردن فایل جاوااسکریپت به‌صورت async برای بهبود سرعت

<script src="script.js" async></script>

7. Noopener & Noreferrer
افزایش امنیت لینک‌های بازشونده در تب جدید

<a href="https://example.com" target="_blank" rel="noopener noreferrer">باز کن</a>

#html #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering