Rolldown، باندلر جاوااسکریپت نوشته‌شده با Rust، به نسخه ۱.۰ پایدار رسید. این ابزار که موتور اصلی Vite 8 هم هست، سرعتی معادل esbuild داره و در عین حال با پلاگین‌های Rollup سازگاره. Rolldown تا ۳۰ برابر سریع‌تر از Rollup عمل می‌کنه و شرکت‌هایی مثل Framer و Mercedes-Benz.io از اون در پروداکشن استفاده می‌کنن. ارتقا از آخرین RC به 1.0 هیچ تغییری در کد نیاز نداره.

۲۱ هفته پیشvoidzero.dev

@vtbag یه مجموعه‌ی جامع از ابزارها، نکات و ترفندهاست که کار با View Transition API مرورگر رو راحت‌تر و حرفه‌ای‌تر می‌کنه. برخلاف astro-vtbot که مخصوص پروژه‌های Astro بود، این پکیج کاملاً فریم‌ورک‌آگنوستیک طراحی شده. ابزارهایی مثل Inspection Chamber برای دیباگ تعاملی، Turn Signal برای تفکیک انیمیشن‌های رفت و برگشت، و Element Crossing برای انتقال state بین صفحات از مهم‌ترین امکانات این مجموعه‌ان. هدف اصلی @vtbag اینه که توسعه‌دهنده‌ها بتونن بدون نیاز به روتر سمت کلاینت، انتقال‌های بین صفحات رو صرف

۲۱ هفته پیشvtbag.dev

کتابخونه Anime.js از نسخه ۲ به بعد یه قابلیت جالب به اسم stagger grid داره که بهت اجازه می‌ده تأخیر انیمیشن رو روی یه آرایه دوبعدی (شبکه) توزیع کنی. می‌تونی ابعاد شبکه رو دستی بدی یا از نسخه ۴.۴.۰ به بعد با grid: true بذاری خودش موقعیت المان‌ها رو محاسبه کنه. این قابلیت برای ساختن افکت‌های موجی و دومینویی روی گریدهای CSS خیلی کاربردیه.

۲۱ هفته پیشanimejs.com

یه قالب اوپن‌سورس و رایگان برای داشبورد ادمین و لندینگ‌پیج معرفی شده که با React، TypeScript، Vite و Next.js 15 ساخته شده. این قالب از shadcn/ui نسخه ۳ و Tailwind CSS v4 استفاده می‌کنه و بیش از ۳۰ صفحه آماده داره. پشتیبانی از دارک/لایت مود، تم‌سازی زنده با tweakcn، و اپ‌های نمونه مثل میل، چت و تسک از ویژگی‌های اصلیشه. این قالب هم با Vite هم با Next.js کار می‌کنه و برای ساخت پنل ادمین، داشبورد SaaS یا محصولات مبتنی بر هوش مصنوعی مناسبه.

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

پکیج web-audio-api یه پیاده‌سازی کامل و پرتابل از Web Audio API برای Node.js هست که بدون هیچ وابستگی native‌ای کار می‌کنه. با این کتابخونه می‌شه صدا رو سمت سرور تولید کرد، توی CI بدون اسپیکر رندر گرفت، و حتی از ترمینال اسکریپت‌های صوتی نوشت. کتابخونه‌هایی مثل Tone.js هم بدون هیچ تغییری توی Node کار می‌کنن. هم خروجی آنلاین به اسپیکر و هم رندر آفلاین به بافر پشتیبانی می‌شه.

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

Bagisto Next.js Commerce یه فریم‌ورک اپن‌سورس برای ساخت فروشگاه‌های آنلاین هدلس‌ه که روی Next.js سوار شده و از GraphQL API بگیستو تغذیه می‌کنه. این پروژه با استفاده از لایه‌بندی کشینگ و ISR، امتیاز ۱۰۰ از ۱۰۰ در Core Web Vitals رو به صورت مداوم حفظ می‌کنه. پشتیبانی از انواع محصول، چرخه خرید کامل، احراز هویت با NextAuth.js و بهینه‌سازی SEO از جمله قابلیت‌های اصلیشه. استقرار روی Vercel یا Netlify با یه دستور ممکنه و پروژه تحت لایسنس MIT کاملاً رایگانه.

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

یه دوره جامع از Scott Moss مهندس ارشد نتفلیکس که بهت یاد می‌ده چطور سیستم‌های هوش مصنوعی بسازی، اندازه‌گیری کنی و بهشون بهبود بدی. توی این دوره یه ایجنت چت به یه اپ Excalidraw اضافه می‌کنی و با ابزارهایی مثل Cloudflare Durable Objects، Zod و OpenAI SDK کارش می‌کنی. بعدش با مفهوم Evals آشنا می‌شی که کمک می‌کنه دقت ایجنت رو در طول زمان بالا ببری. این دوره برای کسایی که با TypeScript و React آشنایی دارن طراحی شده.

۲۱ هفته پیشfrontendmasters.com

ScreenURL یه سرویس API‌محوره که با یه درخواست ساده، از هر URL عمومی اسکرین‌شات می‌گیره. رندر زیر ۲ ثانیه، پشتیبانی از PNG و JPEG، و امکان کپچر full-page تا رزولوشن 4K از ویژگی‌های اصلیشه. پلن رایگان ماهی ۱۰۰ اسکرین‌شات می‌ده و نیازی به کارت اعتباری نداره. برای پیش‌نمایش لینک‌ها، تست خودکار، مانیتورینگ سایت و مستندسازی به‌کار میاد.

opentype.js یه کتابخونه متن‌بازه که بهت اجازه می‌ده فونت‌های OpenType و TrueType رو هم توی مرورگر و هم توی Node.js بخونی و تغییر بدی. با این ابزار می‌تونی مستقیماً به شکل گلیف‌های متن دسترسی داشته باشی و اون‌ها رو دستکاری کنی. از جمله امکاناتش می‌شه به رندر متن، نمایش نقاط و متریک‌ها، پشتیبانی از کرنینگ، لیگاچر و هینتینگ اشاره کرد. این کتابخونه تحت لایسنس MIT رایگانه و روی GitHub در دسترسه.

۲۱ هفته پیشopentype.js.org

تیم Vitest یه پیشنهاد جالب داده: اضافه کردن فلگ `--framework` به Vitest که بهت اجازه می‌ده به‌جای Vite از ابزارهای دیگه‌ای مثل esbuild، Rsbuild، Webpack، Node خالص، Deno یا Bun استفاده کنی. هدف اینه که Vitest از وابستگی سفت‌وسختش به Vite جدا بشه و به یه تست‌رانر واقعاً عمومی تبدیل بشه. کاربرهای فعلی هیچ تغییری حس نمی‌کنن چون Vite همچنان گزینه پیش‌فرض باقی می‌مونه.

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

لایه‌های Cascade در CSS یکی از بهترین ابزارها برای مدیریت specificity هستن، ولی یه نقطه ضعف جالب دارن: استفاده از !important می‌تونه از لایه‌ها عبور کنه و اولویت‌بندی رو به هم بریزه. نویسنده این مقاله یه ترفند جالب با custom property fallback برای دور زدن محدودیت لایه‌ها معرفی می‌کنه. در عین حال، رفتار !important در بین لایه‌ها رو غیرمنطقی می‌دونه و نگرانی‌هایی درباره اکوسیستم وردپرس و پلاگین‌هاش مطرح می‌کنه.

۲۱ هفته پیشdbushell.com

حملات زنجیره تأمین نرم‌افزار (Supply Chain) یکی از جدی‌ترین تهدیدهای امنیتی دنیای توسعه نرم‌افزار هستن. در مارس ۲۰۲۶، پکیج‌هایی مثل trivy-action و axios دچار آلودگی شدن و میلیون‌ها پروژه رو در معرض خطر گذاشتن. این مقاله یه نقشه راه عملی برای کاهش ریسک مصرف پکیج‌های شخص ثالث ارائه می‌ده — از کم کردن وابستگی‌ها و اعمال تأخیر در نصب آپدیت‌ها گرفته تا استفاده از پروکسی رجیستری و محیط‌های توسعه ابری. اصول مطرح‌شده فراتر از npm هستن و برای تمام اکوسیستم‌های مدیریت پکیج قابل اجرا ان.

opentype.js یه کتابخانه جاوااسکریپتیه که بهت امکان می‌ده فایل‌های فونت رو توی مرورگر و Node.js بخونی، بنویسی و رندر کنی. نسخه ۱.۳.۵ با تعداد زیادی تغییر و بهبود منتشر شده که شامل پشتیبانی از فونت‌های متغیر، رفع چند آسیب‌پذیری امنیتی مهم و بهبود قابل توجه پرفورمنس می‌شه. این نسخه در واقع همون نسخه ۲.۰.۰ پری‌ریلیزه که به اشتباه با شماره ۱.۳.۵ منتشر شده.

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

EmailMD یه ابزار متن‌بازه که بهت اجازه می‌ده ایمیل‌های ریسپانسیو رو فقط با Markdown بنویسی و بفرستی، بدون اینکه دردسر کدنویسی پیچیده HTML داشته باشی. کافیه فایل Markdown بنویسی و با چند تا بلوک ساده مثل header، callout و footer ساختار ایمیلت رو بچینی. این ابزار مخصوصاً برای توسعه‌دهنده‌هایی طراحی شده که از نوشتن جداول تودرتو و کدهای HTML قدیمی برای ایمیل خسته شدن.

۲۱ هفته پیشemailmd.dev

مدیا کوئری‌های کلاسیک با min-width و max-width یه مشکل آزاردهنده دارن: وقتی دو کوئری با یه مقدار breakpoint یکسان به هم می‌رسن، می‌تونن همزمان فعال بشن و لایه‌بندی رو خراب کنن. راه‌حل قدیمی اینه که مقدار یکی از breakpointها رو یه پیکسل جابه‌جا کنی، ولی با چند breakpoint این کار پیچیده می‌شه. مدیا کوئری‌های Range که بخشی از Media Queries Level 4 هستن، با استفاده از عملگرهای مقایسه‌ای مثل این مشکل رو به شکل خواناتری حل می‌کنن. این قابلیت از مارس ۲۰۲۳ در تمام مرورگرهای اصلی پشتیبانی می‌شه و می‌شه

۲۱ هفته پیشishadeed.com

d3-3d یه کتابخانه جاوااسکریپتی‌ه که بهت اجازه می‌ده داده‌های سه‌بعدی رو مستقیماً توی مرورگر و با استفاده از d3.js رندر کنی. این کتابخانه از پروجکشن ارتوگرافیک استفاده می‌کنه تا داده‌های سه‌بعدی رو روی صفحه‌ی SVG نمایش بده. شکل‌هایی مثل مثلث، مکعب، خط، پلیگون، گریدپلین و غیره پشتیبانی می‌شن و همه‌شون یه API مشترک دارن. پشتیبانی کامل از TypeScript هم یکی از ویژگی‌های کلیدی این پروژه‌ست که نیاز به نصب تایپ‌های جداگانه نداره.

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

Tool UI یه مجموعه کامپوننت ری‌اکت کپی/پیستیه که برای نمایش فراخوانی ابزارها (tool calls) در رابط‌های چت هوش مصنوعی طراحی شده. بیشتر اپ‌ها وقتی مدل یه ابزار فراخوانی می‌کنه، JSON خام رو توی مکالمه نشون می‌دن؛ Tool UI این پیلودها رو به UI‌های تعاملی مثل فرم، جدول، نمودار، و کارت تأیید تبدیل می‌کنه. این پروژه از مدل shadcn/ui پیروی می‌کنه، یعنی کامپوننت‌ها مستقیم داخل کدبیس شما زندگی می‌کنن و هیچ وابستگی اضافه‌ای نداره. هر کامپوننت یه اسکیما Zod داره و روی shadcn/ui و Tailwind ساخته شده.

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

فایرفاکس یه استاندارد جدید به اسم WAICT معرفی کرده که می‌خواد مشکل اعتماد به سرور در اپ‌های وب رو حل کنه. ایده اصلی اینه که کد سمت کلاینت به یه مانیفست رمزنگاری‌شده گره بخوره و اون مانیفست توی یه لاگ عمومی قابل بازرسی ثبت بشه. اگه سروری کد دست‌کاری‌شده‌ای ارسال کنه، مرورگر اون رو رد می‌کنه. این قابلیت الان به صورت پروتوتایپ توی Firefox Nightly در دسترسه و موزیلا داره با شرکای بزرگی مثل Cloudflare و Meta روش کار می‌کنه.

این مقاله یه سیستم ردیابی هویت کاربر رو بدون نیاز به احراز هویت توضیح می‌ده که با تولید یه شناسه تصادفی (userPseudoId) کار می‌کنه. این شناسه به‌ترتیب در localStorage، sessionStorage و کوکی ذخیره می‌شه تا حتی اگه یه روش در دسترس نبود، اطلاعات از دست نره. شناسه‌ها تاریخ انقضا دارن و بعد از مدت معین، به‌طور خودکار پاک و دوباره تولید می‌شن. این رویکرد برای سایت‌هایی که می‌خوان رفتار کاربران ناشناس رو ردیابی کنن خیلی مفیده.

۲۱ هفته پیشthenewstack.io

پلتفرم وب خیلی از بهترین APIهایش را از خودش در نیاورده — از کتابخانه‌هایی که توسعه‌دهنده‌ها سال‌ها در پروژه‌های واقعی ازشون استفاده کردن کپی کرده. jQuery، Bootstrap، Lodash و امثالشون ایده‌هایی رو آزمایش کردن که بعداً مستقیم وارد استانداردهای مرورگر شدن. از `querySelector` گرفته تا `classList` و متدهای آرایه و رشته، همه ریشه در این کتابخانه‌ها دارن. این مقاله نگاهی به تبارشناسی APIهایی می‌کنه که هر روز باهاشون کار می‌کنیم.

۲۱ هفته پیشjadjoubran.io