elysiajs.com
این خیلی خفن بود
سرعتش فوق العادس
بعد اگه با Qwik هم بزنیم فرانتو
خدا میشه

🚀 نسل جدید ساخت اپلیکیشن‌ها: Tauri


اگه تا حالا با Electron کار کردی، احتمالاً می‌دونی ساخت اپ دسکتاپ با HTML، CSS و JS چقدر راحت و جذابه.

اما یه مشکل همیشگی هست:

📦 اپ‌ها خیلی سنگین می‌شن، رم زیاد مصرف می‌کنن و گاهی کند عمل می‌کنن 😕
اینجاست که Tauri وارد می‌شه ✨
یه فریم‌ورک مدرن، سریع و فوق‌العاده سبک برای ساخت اپلیکیشن‌های دسکتاپ که از قدرت Rust برای قسمت بک‌اند و از تکنولوژی‌های وب برای رابط کاربری استفاده می‌کنه!

🔹 چرا Tauri محبوب شده؟

✅ حجم خروجی اپ‌ها معمولاً زیر ۱۰ مگابایته 😍
✅ سرعت و عملکرد عالی (چون Rust پشتشه 🦀)
✅ مصرف رم و CPU خیلی کمتر از Electron
✅ پشتیبانی از React، Vue، Svelte، Solid، و حتی Vanilla JS
✅ امنیت بالا و امکان دسترسی محدود و کنترل‌شده به سیستم
✅ خروجی برای ویندوز، مک و لینوکس


📊 در عمل یعنی چی؟
یعنی با همون مهارت‌های وب‌ت می‌تونی یه اپ واقعی دسکتاپ بسازی که سبک، امن و زیباست.
دیگه لازم نیست برای ساخت اپ سنگین و پرحجم، سراغ Electron بری

Channel | Group | YouTube

مسدود کردن dev-tool
اگر امکانش رو دارید به این سایت [+لینک] بروید و با هر روشی dev-tools رو باز کنید

پکیجی برای غیرفعال‌سازی ابزارهای توسعه‌دهنده‌ی وب از طریق دکمه‌ی F12، کلیک راست و منوی مرورگر



🔗https://theajack.github.io/disable-devtool/
#️⃣#npm_module
👥@IR_javascript_group
🆔@IR_javascript

رزومه خواستین بسازین، این سایته خیلی امکانات خوبی در اختیارتون می‌ذاره اوپن سورس و رایگان هم هست (روی سرور خودتون هم می‌تونید بالا بیاریدش)

rxresu.me

@Linuxor

دوره ux برای وب حدود 2 ساعته انگلیسی عه

یه نصیحت بکنم تو پروژه با مقیاس بزرگ هیچوقت فرانت و بک رو با هم پیش نبرید اگه قراره جفتشو خودتون بزنین

یبار اینکارو کردم بعد ۳ ۴ ماه به خودم اومدم دیدم نمیدونم دارم چه غلطی میکنم😂

یجوری میپرسن تو گروها n8n کسی کار میکنه ادم حس میکنه زبان برنامه نویسیه

👏 رویکردی نوین برای کار با تم‌ها در CSS با استفاده از ‎@property‎

پیش‌تر توسعه‌دهندگان ناچار بودند با جاوااسکریپت و استایل‌ها مستقیماً در کد سروکله بزنند. اما اکنون مرورگرها از ‎@property‎ پشتیبانی می‌کنند؛ قابلیتی که امکان ساخت متغیرهای CSS با نوع مشخص، مقدار پیش‌فرض و حتی انیمیشن را فراهم می‌کند.

📝 نمونه‌های پیاده‌سازی:

/* @property چیست؟ */
@property --theme-hue {
  syntax: "<number>";
  inherits: true;
  initial-value: 120;
}

/* تم‌دهی بدون JavaScript */
@property --bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

:root {
  --bg: #fff;
  --text: #000;
}

[data-theme="dark"] {
  --bg: #000;
  --text: #fff;
}

body {
  background: var(--bg);
  color: var(--text);
  transition: background .3s, color .3s;
}

/* متغیرهای قابل انیمیشن */
@property --hue {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}

body {
  background: hsl(var(--hue) 80% 50%);
  transition: --hue 0.4s ease;
}

body.dark {
  --hue: 320;
}

/* تم‌دهی پویا بدون بازنویسی CSS
با @property می‌توان به‌راحتی مجموعه‌ای از متغیرها را برای تغییر پویای تم‌ها مدیریت کرد */
@property --radius {
  syntax: "<length>";
  initial-value: 4px;
}

.card {
  border-radius: var(--radius);
}

/* اکنون می‌توان میزان گردی گوشه‌ها را در لحظه و با کلاس‌های ساده تغییر داد */
:root.compact {
  --radius: 2px;
}

:root.rounded {
  --radius: 12px;
}

❗️ ‎@property چیست؟

‎CSS @property‎ روشی است برای تعریف متغیرهای CSS به‌عنوان یک ویژگی کامل. این قابلیت امکان تعیین نوع مشخص، مقدار پیش‌فرض و حتی اعمال انیمیشن را فراهم می‌کند. با این رویکرد، متغیر نه‌تنها تایپ‌دار می‌شود، بلکه به‌درستی به ارث می‌رسد، بخشی از منطق انیمیشن‌پذیر می‌شود و در صورت دریافت مقادیر نادرست دچار اختلال نخواهد شد.

— تم‌دهی بدون JavaScript: با استفاده از ‎@property‎ می‌توان تم‌ها را بدون استفاده از جاوااسکریپت تغییر داد. کافی است از ویژگی ‎data-theme="dark"‎ در تگ ‎html‎ استفاده شود تا همه‌چیز به‌صورت نیتیو انیمیت شود.

— متغیرهای قابل انیمیشن: پیش از این، متغیرهای CSS از انیمیشن پشتیبانی نمی‌کردند، اما با ‎@property‎ حتی تم‌های پیچیده نیز قابل انیمیشن هستند. اکنون می‌توان ‎transition‎ را مستقیماً روی متغیر اعمال کرد تا تغییرات به‌صورت روان انجام شود و ساخت تم‌های پویا ساده‌تر گردد.

— تایپ‌گذاری و باگ‌های کمتر: یکی از مشکلات اصلی پیش از ‎@property‎ این بود که مرورگر مقادیر نادرست را بی‌سروصدا می‌پذیرفت. برای مثال ‎--hue: red;‎. بدون ‎@property‎ این مقدار صرفاً نادیده گرفته می‌شد. اما با ‎@property‎، در صورت نامعتبر بودن مقدار، ویژگی به مقدار پیش‌فرض خود بازمی‌گردد.

— دیزاین توکن‌های نیتیو و کامل: با ‎@property‎ می‌توان توکن‌هایی برای جنبه‌های مختلف طراحی مانند رنگ‌ها، فاصله‌ها، مقیاس‌بندی، انیمیشن‌ها و تایپوگرافی ایجاد کرد؛ آن هم بدون نیاز به ابزارهای بیلد.

📌 در سال دوهزار و بیست و پنج، پشتیبانی مرورگرها از ‎@property‎ بسیار مطلوب است و مرورگرهایی مانند Chrome، Edge، Safari و Firefox آن را پشتیبانی می‌کنند؛ بنابراین می‌توان با خیال راحت از این قابلیت در محیط پروداکشن استفاده کرد. اگر هنوز از روش‌های قدیمی همراه با جاوااسکریپت زیاد و راه‌حل‌های موقتی استفاده می‌کنید، وقت آن رسیده که رویکرد خود را به‌روز کنید.


#️⃣#tip #css
👥@IR_javascript_group
🆔@IR_javascript

میگن گوگل میخواد امکان تغییر ادرس جیمیل رو اوکی کنه
خب یسوال
الان ما تو یه سایت اونو وارد کردیم
جیمیل قبلی چی میشه فوروارد میکنه پیاما رو به این جدیده؟😂

کاربراتور (Carburetor) چیه؟
کاربراتور یه ابزار آزاد و اوپن سورس که بهت کمک می‌کنه خیلی ساده ترافیک اینترنتت رو از طریق TOR رد کنی. بدون درگیری با تنظیمات پیچیده یا دستکاری سیستم، فقط اجراش می‌کنی و آماده‌ست.
این برنامه یه پراکسی محلی می‌سازه که برنامه‌ها می‌تونن ازش استفاده کنن و ارتباطشون به‌صورت ناشناس انجام میشه. همه‌چی روی سیستم خودت انجام میشه و نیازی به سرویس یا سرور اضافه نداره و مخصوص لینوکسه (به‌خصوص محیط GNOME) و نصبش هم خیلی تمیز از طریق Flathub انجام میشه. برای کسایی که حریم خصوصی براشون مهمه ولی نمی‌خوان درگیر ابزارهای سخت و پیچیده بشن، انتخاب خوبیه.

پروژه کاملاً اوپن‌سورسه و می‌تونی کدش رو ببینی یا حتی تو توسعه‌ش مشارکت کنی.

🔗 Framagit
https://framagit.org/tractor/carburetor

🔗 Flathub
https://flathub.org/en/apps/io.frama.tractor.carburetor

@shayangeedook