گزارش بهار ۲۰۲۶ با عنوان «وضعیت امور مالی هوشمند» نشون می‌ده که هوش مصنوعی داره به‌سرعت وارد دنیای مدیریت مالی شخصی می‌شه. ۵۵ درصد از مردم در ۱۲ ماه گذشته از AI برای کارهای مالی استفاده کردن و ۸۶ درصد از این کاربران می‌گن که AI به‌شون کمک کرده مفاهیم مالی رو بهتر بفهمن. نکته جالب اینه که نیمی از مردم فکر می‌کنن مدیریت مالی بدون هوش مصنوعی به‌زودی قدیمی و منسوخ به نظر می‌رسه. این گزارش به شرکت‌های فین‌تک و مالی هشدار می‌ده که انتقال از آزمایش AI به یکپارچه‌سازی آن در تجربه اصلی کاربر دیگه یه ضرور

۱۵ هفته پیشplaid.com

CSS داره قابلیت جدیدی به اسم تابع random() دریافت می‌کنه که بهت اجازه می‌ده مستقیماً داخل استایل‌شیت مقادیر تصادفی تولید کنی. تا حالا برای این کار مجبور بودی به جاوااسکریپت متکی باشی یا از ترفندهای پیچیده استفاده کنی. با این قابلیت بومی، طراحی‌های پویاتر و متنوع‌تری می‌شه مستقیماً در CSS ساخت. این یه قدم مهم برای افزایش قدرت CSS بدون نیاز به اسکریپت‌نویسی اضافه‌ست.

۱۵ هفته پیشcss-tricks.com

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

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

Logto یه زیرساخت احراز هویت مدرن و متن‌باز هست که پیاده‌سازی OIDC، OAuth 2.1 و SAML رو برای تیم‌های توسعه‌دهنده خیلی ساده‌تر می‌کنه. این ابزار از multi-tenancy، enterprise SSO، و RBAC پشتیبانی می‌کنه و SDK برای بیش از ۳۰ فریم‌ورک مختلف داره. Logto هم به‌صورت ابری (کاملاً managed) و هم self-hosted در دسترسه و حتی برای معماری‌های مبتنی بر هوش مصنوعی و پروتکل MCP هم آماده‌ست. به‌عنوان جایگزین متن‌باز Auth0، Cognito و Firebase Auth معرفی می‌شه.

@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

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

یه مفهوم جدید به اسم «تسلیم شناختی» از دل یه پژوهش دانشگاه وارتون بیرون اومده که برای مهندسان نرم‌افزار خیلی حیاتیه. تفاوتش با «بارگذاری شناختی» اینه که در بارگذاری، ابزار کار رو انجام می‌ده ولی تو قضاوت نهایی رو داری؛ در تسلیم شناختی اما خروجی AI مستقیم تبدیل به نظر تو می‌شه، بدون اینکه اصلاً دیدگاه مستقلی شکل داده باشی. پژوهش‌گرها روی ۱۳۷۲ شرکت‌کننده نشون دادن که ۷۳٪ پاسخ‌های اشتباه AI رو بدون تردید قبول می‌کنن. این پدیده باعث انباشت «بدهی درک» در کدبیس می‌شه؛ جایی که هیچ‌کس نمی‌تونه سیستم رو

سلکتور n of در CSS به ما اجازه می‌ده تعداد المان‌هایی که یه شرط مشخص رو دارن بشماریم. با ترکیب این قابلیت با pseudo-classهایی مثل :checked و :not(:placeholder-shown)، می‌شه یه اعتبارسنجی اولیه برای فرم‌ها پیاده کرد؛ مثلاً دکمه ارسال رو فقط وقتی فعال کرد که کاربر حداقل سه فیلد رو پر کرده باشه. این تکنیک کاملاً خالص CSS هست و نیازی به جاوااسکریپت نداره. البته یه باگ احتمالی در مرورگرهای WebKit (تا آوریل ۲۰۲۶) وجود داره که ممکنه نتایج متفاوتی بده.

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

Screenhance یه ابزار آنلاینه که بهت اجازه می‌ده در کمتر از ۲ دقیقه موکاپ، اسکرین‌شات App Store، تصویر OG و بصری‌های لندینگ‌پیج بسازی. بیش از ۱۰۰ تمپلیت آماده و ۴۳ فریم دستگاه مختلف داره و اصلاً نیازی به مهارت طراحی نیست. خروجی می‌تونه PNG، WebP، GIF یا حتی ویدئو باشه و کیفیت تا ۳x رتینا هم پشتیبانی می‌شه. نسخه رایگان ماهی ۳ خروجی داره و پلن پولی از ۶ دلار در هفته شروع می‌شه.

۱۵ هفته پیشscreenhance.com

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

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

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

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

Laravel Shopper یه پنل مدیریت فروشگاهی متن‌باز و هدلس‌ه که روی TALL Stack ساخته شده. به‌جای اینکه یه استور آماده بهت بده، فقط روی بک‌آفیس تمرکز داره — مدیریت محصولات، سفارش‌ها، مشتری‌ها، تخفیف‌ها و تیم. فرانت‌اندش کاملاً آزاده و می‌تونی با React، Vue، Svelte یا حتی Blade بسازیش. یه اینتگریشن Stripe آماده هم داره و با Laravel Boost از AI coding tools هم پشتیبانی می‌کنه.

۱۵ هفته پیشlaravel-news.com

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

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