بریک‌پوینت‌ها سال‌هاست که قلب طراحی ریسپانسیو بودن، اما دنیای وب مدرن کامپوننت‌محور شده و viewport-based rules دیگه اون‌قدر که قبلاً بودن کارآمد نیستن. CSS مدرن ابزارهایی مثل auto-fit، minmax، clamp و container units بهمون می‌ده که می‌تونیم بدون هیچ بریک‌پوینتی لایه‌بندی‌های سیال و هوشمند بسازیم. نتیجه کدی تمیزتر، قابل‌پیش‌بینی‌تر و قابل‌استفاده‌مجدد در هر کانتینری‌ه.

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

TanStack Start یه فریم‌ورک نسبتاً جدیده که روی TanStack Router سوار شده و امکاناتی مثل Server Functions، API Endpoints و رندر سمت سرور رو می‌ده. تو این مقاله، یه بلاگ ساده باهاش می‌سازیم که پست‌ها رو از فایل‌های Markdown می‌خونه. نکته جالب اینه که لودرهای TanStack ایزومورفیکن؛ یعنی هم روی سرور و هم روی کلاینت اجرا می‌شن، که این یه چالش جدی برای خوندن فایل‌های دیسک ایجاد می‌کنه. راه‌حل؟ Server Functions که همیشه روی سرور اجرا می‌شن، حتی وقتی از کلاینت صداشون می‌زنی.

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

در قسمت دوم این سری، مشکل کندی سرور توابع Shiki و cold start در پلتفرم‌های serverless بررسی می‌شه. راه‌حل اصلی، پیش‌رندر استاتیک صفحات بلاگه که با فعال کردن prerender در TanStack Start به‌راحتی انجام می‌شه. علاوه بر این، با استفاده از middleware مخصوص server functionهای استاتیک، نتایج توابع سرور هم کش می‌شن و به فایل‌های JSON ساده تبدیل می‌شن تا دیگه نیازی به پردازش سمت سرور نباشه.

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

یه API تجربی جدید توی مرورگرهای مبتنی بر Chromium اومده که اسمش «HTML in Canvas» هست و یه ایده‌ی جذاب داره: المان‌های واقعی HTML رو بگیر و توی Canvas رندر کن، بعد هر افکت بصری که دلت خواست روشون اعمال کن. این یعنی می‌تونی ساختار معنایی HTML رو حفظ کنی و در عین حال با Canvas 2D، WebGL یا WebGPU روی خروجیشون افکت‌های تصویری بزاری. فعلاً این قابلیت فقط توی Chromium نسخه ۱۴۶+ و پشت یه Flag تجربی در دسترسه و هنوز آماده‌ی استفاده در پروداکشن نیست.

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

docmd یه ابزار اپن‌سورس و بدون نیاز به کانفیگ هست که فایل‌های Markdown رو به یه سایت داکیومنتیشن حرفه‌ای تبدیل می‌کنه. بدون React، بدون فریم‌ورک، و فقط با یه دستور می‌شه یه سایت آماده برای پروداکشن ساخت. حجم JS اون زیر ۲۰ کیلوبایته، Lighthouse 100 می‌گیره، و جستجوی آفلاین هم داره. برای مقیاس‌های مختلف — از پروژه‌های اپن‌سورس تا ویکی‌های داخلی شرکت‌ها — مناسبه.

پلتفرم 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

تیم VoidZero با کمک هوش مصنوعی (Claude Code و Codex) یه کامپایلر تجربی برای Angular ساخته که تا ۲۰ برابر سریع‌تر از Webpack کار می‌کنه. این کامپایلر روی Oxc یعنی همون ابزار مبتنی بر Rust که قلب Vite 8 هست ساخته شده. پروژه به صورت متن‌باز منتشر شده ولی قرار نیست به‌طور رسمی نگهداری بشه؛ بیشتر یه نمونه‌ی مرجع و تحقیقاتیه. با این حال، تیم Angular داره روی ادغام احتمالی Oxc در کامپایلر رسمی‌شون کار می‌کنه.

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

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

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

پکیج جدید Laravel Mobile Pass از Spatie امکان ساخت پاس‌های دیجیتال برای Apple Wallet و Google Wallet رو مستقیماً توی لاراول فراهم می‌کنه. با یه API یکپارچه می‌شه انواع پاس مثل بلیت رویداد، کارت پرواز، کوپن، کارت عضویت و کارت هدیه رو ساخت. یکی از قابلیت‌های جالبش اینه که بعد از نصب پاس روی گوشی کاربر، می‌تونی اطلاعاتش رو به‌صورت زنده آپدیت کنی و نوتیفیکیشن بفرستی.

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

TailPDF یه سرویس API‌محوره که بهت اجازه می‌ده مستقیماً از HTML نوشته‌شده با Tailwind CSS، فایل PDF بسازی — بدون اینکه سراغ Puppeteer، wkhtmltopdf یا DomPDF بری. تمام ویژگی‌های مدرن CSS مثل Flexbox، Grid و مقادیر دلخواه کاملاً پشتیبانی می‌شن. پلن رایگانش ماهی ۱۰۰ PDF بهت می‌ده و نیازی به کارت بانکی هم نداره.

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

Polyscope که قبلاً فقط برای macOS بود، حالا به ویندوز هم رسیده و به‌زودی لینوکس رو هم پوشش می‌ده. این ابزار برای توسعه‌دهنده‌های لاراول طراحی شده تا بتونن با ایجنت‌های هوش مصنوعی روی چند پروژه و برنچ مختلف به‌صورت موازی کار کنن. قابلیت‌هایی مثل چک‌پوینت خودکار، اجرای موازی برنچ‌ها با دامنه‌های جداگانه، و رابط کاربری موبایل از ویژگی‌های برجسته‌شه. با Polyscope دیگه نیازی نیست مدام بین ترمینال‌ها و برنچ‌ها سوییچ کنی.

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

لاراول ۱۳.۷.۰ با یه سری قابلیت جالب اومد. مهم‌ترینش اینه که حالا می‌شه به جاب‌های صف‌بندی‌شده یاد داد که به سیگنال‌های سیستمی مثل SIGTERM واکنش نشون بدن. علاوه بر این، یه دایرکتیو جدید Blade به اسم @fonts اضافه شده که بارگذاری فونت‌ها رو از طریق Vite بهینه می‌کنه. چند تا ویژگی کوچیک‌تر هم مثل assertion های JSON، پشتیبانی از enum در مرتب‌سازی کالکشن‌ها و بهبودهای دیگه هم همراهشونه.

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

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