Aube یه پکیج منیجر جدید برای Node.js هست که ادعا می‌کنه ۹.۲ برابر سریع‌تر از pnpm و ۲.۷ برابر سریع‌تر از Bun کار می‌کنه. یه ویژگی جالبش اینه که نیازی به مایگریشن lockfile نداره و می‌تونه با yarn.lock، pnpm-lock.yaml و package-lock.json موجود کار کنه. به جای اینکه پکیج‌ها رو توی هر پروژه کپی کنه، یه استور سراسری داره و پروژه‌ها رو به اون لینک می‌کنه که مصرف دیسک رو تا ۹۰٪ نسبت به npm کاهش می‌ده. امنیت هم یه اولویت جدی توش هست و برای lifecycle script‌ها و پکیج‌های جدید سیاست‌های سخت‌گیرانه‌ای داره.

۱۶ هفته پیشaube.en.dev

پلتفرم Scratch سال‌هاست با آسیب‌پذیری‌های مرتبط با SVG دست‌وپنجه نرم می‌کنه. هر بار که یه باگ امنیتی پیدا و پچ می‌شه، یه راه دور زدن جدید کشف می‌شه؛ از اجرای اسکریپت با حروف بزرگ گرفته تا نشت اطلاعات از طریق CSS nesting. TurboWarp با محاصره‌کردن SVG داخل یه iframe ایزوله‌شده با CSP سختگیرانه، رویکرد بهتری داره. جالب‌ترین بخش اینه که Claude Opus مدل هوش مصنوعی، یه آسیب‌پذیری جدید رو پیدا کرد که هنوز پچ نشده.

گوگل با Prompt API امکان اجرای مدل Gemini Nano رو مستقیماً توی مرورگر کروم فراهم کرده؛ یعنی می‌شه بدون ارسال داده به سرور، از هوش مصنوعی استفاده کرد. این API به توسعه‌دهنده‌ها اجازه می‌ده برنامه‌هایی مثل جستجوی هوشمند، فیلتر محتوا، یا استخراج رویداد تقویم بسازن. پشتیبانی از ویندوز، مک و لینوکس فراهمه اما موبایل هنوز ساپورت نمی‌شه. برای اجرا به حداقل ۲۲ گیگابایت فضای خالی و سخت‌افزار مناسب نیاز دارید.

۱۶ هفته پیشdeveloper.chrome.com

SurveyJS یه مجموعه کتابخونه جاوااسکریپتیه که بهت اجازه می‌ده فرم و نظرسنجی رو مستقیماً توی اپ خودت بسازی و داده‌ها رو هم روی سرور خودت نگه داری. برخلاف سرویس‌های SaaS معروف، هیچ محدودیتی برای تعداد فرم، پاسخ، یا کاربر نداره. این ابزار برای فریم‌ورک‌های React، Angular، Vue 3 و Vanilla JS در دسترسه و لایسنس MIT داره. با یه بار خرید لایسنس، می‌تونی از تمام امکانات پیشرفته‌اش برای همیشه استفاده کنی.

۱۶ هفته پیشsurveyjs.io

مشکل C10K در سال ۱۹۹۹ نشون داد که مدل یک‌ Thread به ازای هر اتصال، برای سرورهای پرترافیک جواب نمی‌ده. راه‌حل‌ها در چند موج اومدن: اول کال‌بک‌ها، بعد Promise‌ها و Future‌ها، و در آخر Async/Await. هر موج بدترین مشکل موج قبلی رو حل کرد، ولی مشکل تازه‌ای هم به جاش آورد. این مقاله سیر این تکامل رو با نگاهی انتقادی دنبال می‌کنه و توضیح می‌ده که چرا هنوز هیچ‌کدوم از این رویکردها کامل نیستن.

React Internals Explorer یه ابزار آنلاینه که بهت اجازه می‌ده درون ری‌اکت رو به شکل بصری و گام‌به‌گام زیر ذره‌بین بذاری. با این ابزار می‌تونی Fiber tree رو در حین اجرای کدت مشاهده کنی و بفهمی ری‌اکت پشت پرده چطور کار می‌کنه. این پروژه توسط JSer ساخته شده و هر دو نسخه ری‌اکت ۱۸ و ۱۹ رو پشتیبانی می‌کنه. برای کسایی که می‌خوان عمیق‌تر از سطح API‌ها به ری‌اکت نگاه کنن، یه منبع یادگیری فوق‌العاده‌ست.

۱۶ هفته پیشjser.pro

Tambo یه ابزار اوپن‌سورسه که بهت اجازه می‌ده بدون نیاز به فریم‌ورک‌های سنگین، ایجنت هوش مصنوعی رو مستقیم توی اپ ری‌اکتت جا بدی. به جای اینکه AI فقط متن برگردونه، از کامپوننت‌های خودت رندر می‌کنه — با همون استایل و لاجیکی که داری. استریمینگ، مدیریت state، احراز هویت و پشتیبانی از MCP همه از قبل حل شده. پلن رایگانش با ۱۰ هزار پیام در ماه شروع می‌شه.

۱۶ هفته پیشtambo.co

tablecn یه کامپوننت جدول داده‌محور بر پایه shadcn/ui هست که با Next.js ساخته شده و قابلیت‌های سورت، فیلتر و صفحه‌بندی رو کامل سمت سرور مدیریت می‌کنه. این پروژه با استفاده از TanStack Table، Drizzle ORM، PlanetScale و Zod به یه راه‌حل آماده و قابل تنظیم برای نمایش داده‌های جدولی تبدیل شده. فیلترگذاری پیشرفته شبیه Notion و Airtable، منوی فیلتر شبیه Linear و نوار اکشن روی انتخاب ردیف از جمله امکانات برجسته‌شن. برای راه‌اندازی هم می‌شه از Docker یا یه دیتابیس PostgreSQL موجود استفاده کرد.

۱۶ هفته پیشgithub.com

docx-js-editor یه کامپوننت متن‌باز ریکت‌ه که بهت اجازه می‌ده فایل‌های Word رو مستقیماً توی مرورگر ویرایش کنی — بدون نیاز به هیچ سرور یا پلاگینی. از قابلیت‌هایی مثل ویرایش همزمان چندنفره با Yjs، تغییرات ردیابی‌شده، و کامنت‌های رشته‌ای پشتیبانی می‌کنه. همچنین یه API مجزا برای ایجنت‌های هوش مصنوعی داره که می‌تونه خروجی LLMها رو مستقیم روی فایل docx اعمال کنه. این ابزار تحت لایسنس MIT منتشر شده و رایگانه.

۱۶ هفته پیشdocx-editor.dev

Flowglad یه SDK فول‌استک برای مدیریت پرداخت و بیلینگه که می‌خواد تجربه توسعه‌دهنده‌ها رو توی این حوزه زیر و رو کنه. برخلاف روش‌های سنتی، دیگه نیازی به وب‌هوک، جدول subscriptions، یا مپ کردن دستی پلن‌ها به قیمت‌ها نداری. با همون یوزر آی‌دی که توی اپت داری می‌تونی بیلینگ رو مدیریت کنی و وضعیت اشتراک کاربر رو هم توی فرانت با یه هوک ساده بخونی، هم توی بک‌اند. هدف اصلیش اینه که پرداخت آنلاین رو برای توسعه‌دهنده‌ها به اندازه auth ساده و مدرن کنه.

Giggles یه فریم‌ورک مبتنی بر Ink هست که ساخت اپ‌های ترمینالی با ری‌اکت رو خیلی راحت‌تر می‌کنه. مدیریت فوکوس، مسیریابی ورودی، ناوبری بین صفحات و تم‌بندی همه از قبل آماده‌ست و نیازی به نوشتن کدهای زیرساختی پیچیده نداری. یه کتابخونه کامل از کامپوننت‌ها مثل text input، autocomplete، virtual list و markdown renderer هم داره. علاوه بر اینا، می‌تونی کنترل ترمینال رو به برنامه‌های خارجی مثل vim یا less بدی و بعد از اتمام کارشون دوباره پسش بگیری.

۱۶ هفته پیشgithub.com

ری‌اکت کالر یه کتابخونه‌ی سبک و کاربردیه که یه مجموعه از کامپوننت‌های انتخاب رنگ رو برای اپ‌های ری‌اکتی فراهم می‌کنه. این کتابخونه شامل انواع مختلف ویجت‌های رنگ‌دهیه که هر کدوم رو می‌شه جداگانه نصب و استفاده کرد. از ویژگی‌های جالبش اینه که از تم تاریک هم به خوبی پشتیبانی می‌کنه. فرمت‌های مختلف رنگی مثل HEX، RGBA و HSLA هم توش پشتیبانی می‌شن.

۱۶ هفته پیشgithub.com

یه مجموعه بوک‌مارکلت رایگان برای تست دسترس‌پذیری وب وجود داره که کافیه یه‌بار اون‌ها رو به نوار ابزار مرورگرت اضافه کنی و هر وقت خواستی اجراشون کنی. این ابزارها بدون نیاز به نصب هیچ افزونه‌ای، مشکلات فوکوس، ساختار صفحه، نام‌گذاری عناصر و محتوای پنهان رو بهت نشون می‌دن. هر کدوم روی یه جنبه خاص از WCAG تمرکز دارن و برای توسعه‌دهنده‌ها و تسترهای دسترس‌پذیری خیلی کاربردیه.

۱۶ هفته پیشa11y-tools.com

مرورگرها استایل‌های پیش‌فرض خودشون رو دارن که می‌تونه توی پروژه‌های مختلف دردسرساز بشه. CSS Reset یه فایل استایل‌شیته که این تفاوت‌ها رو از بین می‌بره و یه نقطه شروع یکسان برای همه مرورگرها فراهم می‌کنه. این پروژه نسخه به‌روز و مدرنی از ریست سنتی اریک مایر ارائه می‌ده که بر اساس تجربه واقعی و بررسی سایت‌های حرفه‌ای ساخته شده. کافیه فایل رو به پروژه‌ات اضافه کنی و در ابتدای استایل‌شیت اصلی‌ات ایمپورتش کنی.

۱۶ هفته پیشgithub.com

Pretext یه کتابخانه‌ی خالص JavaScript/TypeScript هست که اندازه‌گیری و چیدمان متن چندخطی رو بدون نیاز به DOM انجام می‌ده. به جای استفاده از متدهایی مثل getBoundingClientRect که باعث layout reflow مرورگر می‌شن، Pretext منطق اندازه‌گیری خودش رو داره و فقط از موتور فونت مرورگر به عنوان مرجع استفاده می‌کنه. این کتابخانه از زبان‌های مختلف پشتیبانی می‌کنه و خروجیش می‌تونه روی DOM، Canvas، SVG و در آینده سمت سرور هم رندر بشه.

۱۶ هفته پیشgithub.com

bsky-comments یه وب کامپوننت سبک و بدون وابستگیه که بهت اجازه می‌ده تاپیک‌های بلوسکای رو مستقیم توی هر سایتی نشون بدی. حجمش فقط ۳ کیلوبایته و با هر فریمورکی مثل ری‌اکت، ویو، سولت یا حتی HTML خالص کار می‌کنه. برخلاف بقیه‌ی کتابخونه‌های مشابه، از Light DOM استفاده می‌کنه، یعنی می‌تونی راحت با CSS یا Tailwind استایلش بدی. کافیه لینک پست بلوسکای رو بدی، بقیه‌اش رو خودش مدیریت می‌کنه.

۱۶ هفته پیشgithub.com

hit-area یه مجموعه از کلاس‌های یوتیلیتی برای Tailwind CSS هست که کمک می‌کنه ناحیه کلیک‌پذیر المان‌های تعاملی رو بدون تغییر در لایوت گسترش بدی. این ابزار مشکل «مناطق مرده» (interaction dead zones) رو که باعث می‌شه کاربر نتونه راحت روی دکمه‌ها یا چک‌باکس‌های کوچیک کلیک کنه، به شکل عملی حل می‌کنه. نصبش از طریق رجیستری shadcn انجام می‌شه و کلاس‌هایی مثل hit-area-6 یا hit-area-x-4 رو در اختیارت می‌ذاره. سازنده‌اش می‌گه بیش از دو سال توی پروژه‌های خودش ازش استفاده می‌کرده و حالا به صورت عمومی منتشرش کرده.

۱۶ هفته پیشbazza.dev

view-transitions-mock یه کتابخونه جاوااسکریپته که APIی مربوط به Same-Document View Transitions رو در مرورگرهایی که پشتیبانی ندارن شبیه‌سازی می‌کنه. با این ابزار دیگه نیازی نیست کدت رو پر از بررسی‌های if کنی. کافیه یه بار register() صدا بزنی و بعدش کدت روی همه مرورگرها، حتی اونایی که View Transitions رو نمی‌شناسن، اجرا می‌شه. البته انیمیشن‌های بصری شبیه‌سازی نمی‌شن، ولی تمام پرامیس‌ها و APIهای جاوااسکریپت کار می‌کنن.

۱۶ هفته پیشgithub.com

Animata یه کتابخونه متن‌باز و رایگانه که بیش از ۱۵۸ کامپوننت انیمیشنی آماده برای ری‌اکت داره. نیازی به نصب پکیج خاصی نیست؛ کافیه فایل مورد نظر رو مستقیم توی پروژه‌ات کپی کنی. همه کامپوننت‌ها از اپ‌های واقعی در اومدن و مسائلی مثل دسترس‌پذیری هم توشون در نظر گرفته شده.

۱۶ هفته پیشanimata.design

Datatype یه فونت متغیر OpenType هست که با نوشتن یه عبارت ساده، مستقیم توی مرورگر نمودار می‌سازه. نه جاوااسکریپت لازمه، نه کتابخونه رندرینگ، نه تصویر — فقط کافیه سینتکس مخصوصش رو بنویسی تا لیگاچرهای فونت بقیه کار رو انجام بدن. این فونت از سه نوع نمودار پشتیبانی می‌کنه: بار چارت، اسپارک‌لاین و پای چارت. پروژه متن‌بازه و روی گیت‌هاب و گوگل فونتز در دسترسه.

۱۶ هفته پیشfranktisellano.github.io