اسکیل Claude Capability Bridge
شاید شما هم متوجه این شدین که وقتی از هارنس کلاد استفاده میکنین(از طریق ساخت کومبو با 9Router)
چون مدل هاش مدل های اختصاصی انتروپیک نیستن انگار با فضای کلاد دستکاپ غریبه ان و نمیدونن چه تول هایی داره یا اصلا بدونن نمیتونن خوب کال کننش یا ازش درست استفاده کنن
من این مشکل رو حل کردم اونم فقط با ی اسکیل!
https://github.com/Abolfazlshahi/claude-capability-bridge-skill
شاید شما هم متوجه این شدین که وقتی از هارنس کلاد استفاده میکنین(از طریق ساخت کومبو با 9Router)
چون مدل هاش مدل های اختصاصی انتروپیک نیستن انگار با فضای کلاد دستکاپ غریبه ان و نمیدونن چه تول هایی داره یا اصلا بدونن نمیتونن خوب کال کننش یا ازش درست استفاده کنن
من این مشکل رو حل کردم اونم فقط با ی اسکیل!
https://github.com/Abolfazlshahi/claude-capability-bridge-skill
یه بار فیلم بگیر، همزمان برای ریلز و یوتیوب🎥 آمادهش کن اپلیکیشن DualCam کمک میکنه دیگه مجبور نباشی ویدیو رو دوبار، افقی و عمودی ضبط کنی. وقتی باهاش فیلم برداری میکنی دوتا فیلم ضبط میکنه یکی افقی و یکی عمودی کاملا رایگانه و پرداخت درون برنامهای هم نداره فقط موقع نصب دسترسی به گالری رو فعال کن تا ویدیوها ذخیره بشن☄️
@bluelearnmp
@bluelearnmp
🖥 مهندس شبکه VS مهندس ابری ☁️
مهندس شبکه بیشتر مسئول اینه که ارتباط بین سیستمها، سرورها و کاربران درست و پایدار برقرار
باشه؛ ولی مهندس ابری تمرکزش روی ساخت و مدیریت زیرساختهایی هست که داخل Cloud اجرا میشن.
🔵 مهندس شبکه | Network Engineer
🔹 وظایف اصلی: • طراحی و پیادهسازی زیرساخت شبکه
• پیکربندی روتر، سوئیچ و فایروال
• مانیتورینگ و عیبیابی شبکه
• تأمین امنیت و پایداری ارتباطات
🔹 مسئولیتها: • نگهداری زیرساخت شبکه
• مدیریت کاربران و دسترسیها
• رفع مشکلات شبکه و قطعیها
• مستندسازی و برنامهریزی ظرفیت
🔹 ابزارها و سرویسها: Cisco، MikroTik، Juniper
Wireshark، PRTG، SolarWinds
SNMP، Syslog، VPN، VLAN
Firewall، IDS/IPS، Load Balancer
🔹 مهارتهای مهم: TCP/IP، Routing & Switching
امنیت شبکه و فایروال
VPN و مانیتورینگ
عیبیابی و پروتکلهای شبکه
🔹 عیبیابی: بررسی اتصال و مسیر ارتباطی
تحلیل ترافیک و لاگها
بررسی مشکلات DNS و IP
رفع مشکلات لایههای مختلف OSI
🔹 فرمانها: ping، traceroute
nslookup
دستورات Cisco IOS و RouterOS
اسکریپتنویسی Python و Bash
🟠 مهندس ابری | Cloud Engineer
🔸 وظایف اصلی: • طراحی معماری زیرساخت ابری
• پیادهسازی سرویسهای Cloud
• خودکارسازی زیرساخت با IaC
• مدیریت امنیت، هزینه و دسترسیها
🔸 مسئولیتها: • ایجاد سرویسهای ابری پایدار و امن
• مدیریت منابع و سرویسها
• بهینهسازی هزینهها
• مدیریت پشتیبانگیری و بازیابی
🔸 ابزارها و سرویسها: AWS، Microsoft Azure، Google Cloud
Terraform، CloudFormation، Ansible
Docker، Kubernetes، CI/CD
CloudWatch، Azure Monitor، GCP Monitoring
🔸 مهارتهای مهم: معماری Cloud و سرویسهای ابری
Cloud Networking و IAM
امنیت Cloud
Python و Bash
DevOps و Automation
🔸 عیبیابی: بررسی Logها و Metrics
تحلیل عملکرد سرویسها
بررسی Network و Security Group
عیبیابی سرویسها و اسکریپتها
🔸 فرمانها / IaC: AWS CLI، Azure CLI، gcloud
Terraform و CloudFormation
Ansible و Pulumi
اسکریپتها و Templateها
🔥 در نهایت کدوم مسیر بهتره؟
اگه عاشق روتر، سوئیچ، VLAN، Routing، فایروال و کار با شبکه واقعی هستی، مسیر Network Engineering میتونه خیلی مناسب باشه.
اگه بیشتر به Cloud، اتوماسیون، لینوکس، Docker، Kubernetes، Terraform و DevOps علاقه داری، Cloud Engineering انتخاب جذابتریه.
و البته این دوتا کاملاً جدا از هم نیستن؛ اتفاقاً یک Cloud Engineer قوی باید شبکه رو خوب بفهمه و یک Network Engineer امروزی هم بهتره با Cloud و Automation آشنا باشه.
🚀 مسیرها متفاوتن؛ ولی هدف مشترکه: ساخت زیرساختی پایدار، امن و قابل اعتماد.
@Netwo0rk
مهندس شبکه بیشتر مسئول اینه که ارتباط بین سیستمها، سرورها و کاربران درست و پایدار برقرار
باشه؛ ولی مهندس ابری تمرکزش روی ساخت و مدیریت زیرساختهایی هست که داخل Cloud اجرا میشن.
🔵 مهندس شبکه | Network Engineer
🔹 وظایف اصلی: • طراحی و پیادهسازی زیرساخت شبکه
• پیکربندی روتر، سوئیچ و فایروال
• مانیتورینگ و عیبیابی شبکه
• تأمین امنیت و پایداری ارتباطات
🔹 مسئولیتها: • نگهداری زیرساخت شبکه
• مدیریت کاربران و دسترسیها
• رفع مشکلات شبکه و قطعیها
• مستندسازی و برنامهریزی ظرفیت
🔹 ابزارها و سرویسها: Cisco، MikroTik، Juniper
Wireshark، PRTG، SolarWinds
SNMP، Syslog، VPN، VLAN
Firewall، IDS/IPS، Load Balancer
🔹 مهارتهای مهم: TCP/IP، Routing & Switching
امنیت شبکه و فایروال
VPN و مانیتورینگ
عیبیابی و پروتکلهای شبکه
🔹 عیبیابی: بررسی اتصال و مسیر ارتباطی
تحلیل ترافیک و لاگها
بررسی مشکلات DNS و IP
رفع مشکلات لایههای مختلف OSI
🔹 فرمانها: ping، traceroute
nslookup
دستورات Cisco IOS و RouterOS
اسکریپتنویسی Python و Bash
🟠 مهندس ابری | Cloud Engineer
🔸 وظایف اصلی: • طراحی معماری زیرساخت ابری
• پیادهسازی سرویسهای Cloud
• خودکارسازی زیرساخت با IaC
• مدیریت امنیت، هزینه و دسترسیها
🔸 مسئولیتها: • ایجاد سرویسهای ابری پایدار و امن
• مدیریت منابع و سرویسها
• بهینهسازی هزینهها
• مدیریت پشتیبانگیری و بازیابی
🔸 ابزارها و سرویسها: AWS، Microsoft Azure، Google Cloud
Terraform، CloudFormation، Ansible
Docker، Kubernetes، CI/CD
CloudWatch، Azure Monitor، GCP Monitoring
🔸 مهارتهای مهم: معماری Cloud و سرویسهای ابری
Cloud Networking و IAM
امنیت Cloud
Python و Bash
DevOps و Automation
🔸 عیبیابی: بررسی Logها و Metrics
تحلیل عملکرد سرویسها
بررسی Network و Security Group
عیبیابی سرویسها و اسکریپتها
🔸 فرمانها / IaC: AWS CLI، Azure CLI، gcloud
Terraform و CloudFormation
Ansible و Pulumi
اسکریپتها و Templateها
🔥 در نهایت کدوم مسیر بهتره؟
اگه عاشق روتر، سوئیچ، VLAN، Routing، فایروال و کار با شبکه واقعی هستی، مسیر Network Engineering میتونه خیلی مناسب باشه.
اگه بیشتر به Cloud، اتوماسیون، لینوکس، Docker، Kubernetes، Terraform و DevOps علاقه داری، Cloud Engineering انتخاب جذابتریه.
و البته این دوتا کاملاً جدا از هم نیستن؛ اتفاقاً یک Cloud Engineer قوی باید شبکه رو خوب بفهمه و یک Network Engineer امروزی هم بهتره با Cloud و Automation آشنا باشه.
🚀 مسیرها متفاوتن؛ ولی هدف مشترکه: ساخت زیرساختی پایدار، امن و قابل اعتماد.
@Netwo0rk
کاسپین؛ تبدیل سیستم شما به گیتوی وایفای مجهز به دورزدن فیلترینگ و ضد DPI
این ابزار متنباز سیستمعاملهای ویندوز، مک، لینوکس یا رزبریپای را به هاتاسپات وایفای تبدیل میکند تا اینترنت آزاد را بدون نیاز به نصب نرمافزار اضافی، روی تمام دستگاههای خانگی مانند تلویزیون هوشمند و کنسول بازی به اشتراک بگذارید.
https://github.com/Iman/caspian
این ابزار متنباز سیستمعاملهای ویندوز، مک، لینوکس یا رزبریپای را به هاتاسپات وایفای تبدیل میکند تا اینترنت آزاد را بدون نیاز به نصب نرمافزار اضافی، روی تمام دستگاههای خانگی مانند تلویزیون هوشمند و کنسول بازی به اشتراک بگذارید.
https://github.com/Iman/caspian
🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
زندگی یک دکمه در گذر زمان
Canval
یک اپ دسکتاپ ویندوزیه که ترمینالهای واقعی CLI و یادداشتها رو روی یک بوم بینهایت میچینه؛ هر کارتی رو میتونی جابجا کنی، اندازهش رو با درگ تغییر بدی و کنار هم بچینی — مثل یه میزکار واقعی برای دستیارهای هوش مصنوعی.
امکانات:
بوم بینهایت با پن، زوم، جابجایی و تغییر اندازهٔ آزاد کارتها
یادداشت با قابلیت اتصال به ترمینالها
پشتیبانی از دستیارهای هوش مصنوعی مثل openCode، Gemini CLI، Kilo، Cline، Codex و Claude Code
چندتاشون حتی دسترسی رایگان به مدل دارن
رابط کاربری با تم ویندوز ۱۱
https://github.com/Code-Leafy/Canvas
یک اپ دسکتاپ ویندوزیه که ترمینالهای واقعی CLI و یادداشتها رو روی یک بوم بینهایت میچینه؛ هر کارتی رو میتونی جابجا کنی، اندازهش رو با درگ تغییر بدی و کنار هم بچینی — مثل یه میزکار واقعی برای دستیارهای هوش مصنوعی.
امکانات:
بوم بینهایت با پن، زوم، جابجایی و تغییر اندازهٔ آزاد کارتها
یادداشت با قابلیت اتصال به ترمینالها
پشتیبانی از دستیارهای هوش مصنوعی مثل openCode، Gemini CLI، Kilo، Cline، Codex و Claude Code
چندتاشون حتی دسترسی رایگان به مدل دارن
رابط کاربری با تم ویندوز ۱۱
https://github.com/Code-Leafy/Canvas
🔥2
پلاگینی برای AI coding agent ها که جلوی over-engineering رو میگیره و وادارشون میکنه قبل از نوشتن کد، دنبال سادهترین راهحل ممکن بگردن.
مثلاً بهجای نصب یک کتابخانه برای date picker، اگر
https://github.com/DietrichGebert/ponytail
@bluelearnmp
مثلاً بهجای نصب یک کتابخانه برای date picker، اگر
<input type="date"> کار رو راه میندازه، همون رو استفاده میکنه.https://github.com/DietrichGebert/ponytail
@bluelearnmp
👍3
Forwarded from skillswap.ir
🎧 یه موضوع جالب برای اونایی که با مدلهای زبانی و زیرساخت AI سروکار دارن:
مدیریت حافظه گرافیکی در استقرار مدلهای زبانی
یه فایل صوتی کوتاه آماده کردم و گذاشتم روی سایت که اگر به مباحث فنی، AI و چیزهایی که پشت پرده اجرای مدلها اتفاق میافته علاقه دارید، میتونید گوشش بدید.
و این تازه شروعشه... 👀
قراره کمکم از این جنس محتواها، تجربهها و نکات فنی بیشتری رو اینجا باهاتون به اشتراک بذارم.
اگه این موضوعات برات جالبه، یه سر بهش بزن.
شاید چیزای جالبتری هم در راه باشه. 🚀
داخل سایت من میتونی دانلودش کنی، امیدوارم که دوست داشته باشی.
@skillswap_ir
مدیریت حافظه گرافیکی در استقرار مدلهای زبانی
یه فایل صوتی کوتاه آماده کردم و گذاشتم روی سایت که اگر به مباحث فنی، AI و چیزهایی که پشت پرده اجرای مدلها اتفاق میافته علاقه دارید، میتونید گوشش بدید.
و این تازه شروعشه... 👀
قراره کمکم از این جنس محتواها، تجربهها و نکات فنی بیشتری رو اینجا باهاتون به اشتراک بذارم.
اگه این موضوعات برات جالبه، یه سر بهش بزن.
شاید چیزای جالبتری هم در راه باشه. 🚀
داخل سایت من میتونی دانلودش کنی، امیدوارم که دوست داشته باشی.
@skillswap_ir
🔥3
چرا باید برای یه پروژه ۲ هفتهای، ۱۵۰ میلیون تومن به کیس RTX 4080 پول بدی؟!
فرض کن دانشجوی معماری هستی، تدوینگری، یا مدل هوش مصنوعی ران میکنی. پروژهت فقط ۱۰ روز کار سنگین داره، لپتاپت کم میاره و بودجه خرید هم نداری.
حالا اون طرف قضیه: کلی آدم توی همین شهر یه غول سختافزاری گوشه اتاقشون دارن که روزی چند ساعت بیشتر روشن نیست و داره خاک میخوره.
ما این دو تا رو با بیمه، تست سلامت قطعات و تضمین کامل به هم وصل کردیم:
«سختافزار قوی رو فقط برای روزهایی که واقعاً لازمش داری بردار.»
یا اگه سیستم داری، بذار وقتی خوابی برات درآمد بسازه.
نسخه آزمایشی پلتفرم بالا اومده، ببینید چطوری کار میکنه:
rentsys.ir
فرض کن دانشجوی معماری هستی، تدوینگری، یا مدل هوش مصنوعی ران میکنی. پروژهت فقط ۱۰ روز کار سنگین داره، لپتاپت کم میاره و بودجه خرید هم نداری.
حالا اون طرف قضیه: کلی آدم توی همین شهر یه غول سختافزاری گوشه اتاقشون دارن که روزی چند ساعت بیشتر روشن نیست و داره خاک میخوره.
ما این دو تا رو با بیمه، تست سلامت قطعات و تضمین کامل به هم وصل کردیم:
«سختافزار قوی رو فقط برای روزهایی که واقعاً لازمش داری بردار.»
یا اگه سیستم داری، بذار وقتی خوابی برات درآمد بسازه.
نسخه آزمایشی پلتفرم بالا اومده، ببینید چطوری کار میکنه:
rentsys.ir
🔥3
یه نفر با three.js و هوش مصنوعی بازی سایبرپانک رو ساخته! همچنین توی سورس کدش تمام بخشهای مهم پروژه رو مستند کرده و برای ایجنتهای هوش مصنوعی هم دستورالعملهای مشخصی شامل بایدها و نبایدها (Do's & Don'ts) آماده کرده تا بتونید خودتون از روش یاد بگیرید.
تست آنلاین (دقت کنید حتما مرورگرتون به کارت گرافیکتون دسترسی داشته باشه):
threejspunk.vercel.app
سورس کد:
github.com/ektogamat/threejs-conference
تست آنلاین (دقت کنید حتما مرورگرتون به کارت گرافیکتون دسترسی داشته باشه):
threejspunk.vercel.app
سورس کد:
github.com/ektogamat/threejs-conference
GitHub
GitHub - ektogamat/threejs-conference: Walk through a rainy cyberpunk alley powered by WebGPU, Three.js, and TSL (Three Shading…
Walk through a rainy cyberpunk alley powered by WebGPU, Three.js, and TSL (Three Shading Language). Neon billboards, wet pavement, GPU rain that respects rooftops and props, cinematic post-processi...
یه فایل جمعوجور برای روزایی که دنبال یه دستور Docker میگردی و حوصله گشتن بین دهها صفحه داکیومنت رو نداری. 😄
📊 راهنمای دستورات و ابزارهای استقرار مدلهای هوش مصنوعی و کانتینرسازی
یه فایل Excel که توش دستورات و ابزارهای کاربردی رو یکجا جمع کردم؛ با استفاده از منابع کتاب Docker و کمک AI برای دستهبندی و تکمیل مطالب.
امیدوارم برای پروژههاتون کاربردی باشه. 🤝
و خب... اینم یکی از اولین فایلهاست.
قراره کمکم منابع و چیزهای کاربردی بیشتری رو اینجا باهاتون به اشتراک بذارم. 👀
از سایت من میتونی دانلودش کنی، امیدوارم که دوست داشته باشی.
@skillswap_ir
📊 راهنمای دستورات و ابزارهای استقرار مدلهای هوش مصنوعی و کانتینرسازی
یه فایل Excel که توش دستورات و ابزارهای کاربردی رو یکجا جمع کردم؛ با استفاده از منابع کتاب Docker و کمک AI برای دستهبندی و تکمیل مطالب.
امیدوارم برای پروژههاتون کاربردی باشه. 🤝
و خب... اینم یکی از اولین فایلهاست.
قراره کمکم منابع و چیزهای کاربردی بیشتری رو اینجا باهاتون به اشتراک بذارم. 👀
از سایت من میتونی دانلودش کنی، امیدوارم که دوست داشته باشی.
@skillswap_ir
🔥3
اگه برای پروژههاتون دنبال قالب آماده یا ایده برای طراحی UI میگردید، UIUXLabz رو ببینید
این ریپو بیش از ۱۲۰ قالب HTML رایگان داره که بدون فریمورک و با لایسنس MIT منتشر شدن. بیشتر قالبها نسخه Live هم دارن و میتونید قبل از استفاده، ظاهر و امکاناتشون رو ببینید.
برای شروع سریع پروژه یا گرفتن ایده برای طراحی، مجموعه جالبیه.
https://github.com/uiuxlabz/uiuxlabz
این ریپو بیش از ۱۲۰ قالب HTML رایگان داره که بدون فریمورک و با لایسنس MIT منتشر شدن. بیشتر قالبها نسخه Live هم دارن و میتونید قبل از استفاده، ظاهر و امکاناتشون رو ببینید.
برای شروع سریع پروژه یا گرفتن ایده برای طراحی، مجموعه جالبیه.
https://github.com/uiuxlabz/uiuxlabz
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
یه skill واسه claude و بقیه اجینتها نوشتم که اون حس اسلایدشو رو از ویدیو حذف میکنه و با استفاده از ۸ تا تکنیک مختلف که برای فارسی بهینه شده، موشن دیزاینهای جذاب میسازه!
تکنیکها رو از حدود ۳۰ تا توییت motion design درآوردم و بعد با کتابخونه harfbuzz واسه فارسی بهینهاش کردم و نتیجه این ۸ تا skill شده که اُپن سورسه و میتونید برای ساخت ویدیو استفاده کنید.
https://github.com/atmirrr/persian-motion-director
تکنیکها رو از حدود ۳۰ تا توییت motion design درآوردم و بعد با کتابخونه harfbuzz واسه فارسی بهینهاش کردم و نتیجه این ۸ تا skill شده که اُپن سورسه و میتونید برای ساخت ویدیو استفاده کنید.
https://github.com/atmirrr/persian-motion-director
میتونید به بیشتر از 3000000 skill از سایت زیر دسترسی داشته باشید:
https://skillsmp.com/
https://skillsmp.com/
«وردپرس هک میشه، اصلاً امنیت نداره!» ❌
این جملهایه که شاید بارها شنیده باشی، اما حقیقت چیه؟
وردپرس واقعاً چقدر امنیت داره؟ 🔒
واقعیت اینه که هسته اصلی وردپرس توسط تیمی از برجستهترین متخصصان امنیت وب جهان مدام رصد و آپدیت میشه؛ پس هسته وردپرس فوقالعاده امنه. اما چرا بعضی سایتها هک میشن؟ 🤔
بیش از ۹۰٪ نفوذها به وردپرس به دلایل زیر اتفاق میافته:
۱️⃣- استفاده از قالبها و افزونههای نالشده و رایگانِ نامعتبر
۲️⃣- آپدیت نکردن هسته وردپرس و پلاگینها
۳️⃣- انتخاب هاست ضعیف، اشتراکی و غیراستاندارد
۴️⃣- نبود لایههای محافظتی مثل ورود دومرحلهای و تغییر آدرس لاگین
🔑 نتیجه چیه؟
وردپرس مثل یک خودروی مدرن و ایمنه؛ اگر درهاشو باز بذاری یا از قطعات تقلبی استفاده کنی مقصر ماشین نیست! رعایت چند اصل ساده میتونه امنیت سایتت رو در بالاترین سطح ممکن نگه داره
🚀 میخوای خیالت از بیخ و بن راحت باشه؟
دیگه نیازی نیست وقتتو برای پیکربندیهای پیچیده و کدهای امنیتی هدر بدی!
با سایت آماده وردپرس کدنویسان برتر، پروژههات رو خیلی سریعتر، با بالاترین کیفیت فنی و ساختاری کاملاً امن بالا بیار و تحویل بده
🔗 codenevisanbartar.ir
این جملهایه که شاید بارها شنیده باشی، اما حقیقت چیه؟
وردپرس واقعاً چقدر امنیت داره؟ 🔒
واقعیت اینه که هسته اصلی وردپرس توسط تیمی از برجستهترین متخصصان امنیت وب جهان مدام رصد و آپدیت میشه؛ پس هسته وردپرس فوقالعاده امنه. اما چرا بعضی سایتها هک میشن؟ 🤔
بیش از ۹۰٪ نفوذها به وردپرس به دلایل زیر اتفاق میافته:
۱️⃣- استفاده از قالبها و افزونههای نالشده و رایگانِ نامعتبر
۲️⃣- آپدیت نکردن هسته وردپرس و پلاگینها
۳️⃣- انتخاب هاست ضعیف، اشتراکی و غیراستاندارد
۴️⃣- نبود لایههای محافظتی مثل ورود دومرحلهای و تغییر آدرس لاگین
🔑 نتیجه چیه؟
وردپرس مثل یک خودروی مدرن و ایمنه؛ اگر درهاشو باز بذاری یا از قطعات تقلبی استفاده کنی مقصر ماشین نیست! رعایت چند اصل ساده میتونه امنیت سایتت رو در بالاترین سطح ممکن نگه داره
🚀 میخوای خیالت از بیخ و بن راحت باشه؟
دیگه نیازی نیست وقتتو برای پیکربندیهای پیچیده و کدهای امنیتی هدر بدی!
با سایت آماده وردپرس کدنویسان برتر، پروژههات رو خیلی سریعتر، با بالاترین کیفیت فنی و ساختاری کاملاً امن بالا بیار و تحویل بده
🔗 codenevisanbartar.ir
🔥2🙏1
HTML: Responsive images
🔅 تصاویر واکنشگرا در HTML
با اين تکنیک، مرورگر خودش بهترین نسخه تصویر رو بر اساس اندازه صفحه لود میکنه!
🎯 چرا تصاویر واکنشگرا مهمن؟
👈 سرعت لود بالاتر – تصویر کوچکتر برای موبایل
👈 صرفهجویی در پهنای باند
👈 تجربه کاربری بهتر در همه دستگاهها
👈 سئوی بهتر – گوگل سایتهای سریع رو دوست داره
💻 کد :
با این تکنیک ساده:
📱 در موبایل → تصویر کوچک و سبک
💻در دسکتاپ → تصویر بزرگ و باکیفیت
⚡ سرعت لود تا ۵۰٪ بهتر!
🔅 تصاویر واکنشگرا در HTML
با اين تکنیک، مرورگر خودش بهترین نسخه تصویر رو بر اساس اندازه صفحه لود میکنه!
🎯 چرا تصاویر واکنشگرا مهمن؟
👈 سرعت لود بالاتر – تصویر کوچکتر برای موبایل
👈 صرفهجویی در پهنای باند
👈 تجربه کاربری بهتر در همه دستگاهها
👈 سئوی بهتر – گوگل سایتهای سریع رو دوست داره
💻 کد :
<picture>
<source srcset="large.png" media="(min-width: 10rem)" />
<source srcset="medium.png" media="(min-width: 6rem)" />
<img src="small.png" alt="…" />
</picture>
با این تکنیک ساده:
📱 در موبایل → تصویر کوچک و سبک
💻در دسکتاپ → تصویر بزرگ و باکیفیت
⚡ سرعت لود تا ۵۰٪ بهتر!
❤1