وقتی داری با Web Components و Lit کار می‌کنی، یکی از بزرگ‌ترین دردسرها اینه که استایل‌ها بین Shadow Rootهای مختلف تکرار می‌شن و حافظه‌ی مرورگر رو بی‌جهت درگیر می‌کنن. Constructable Stylesheets یه راه‌حل بومی مرورگره که بهت اجازه می‌ده یه آبجکت CSSStyleSheet رو مستقیماً توی جاوااسکریپت بسازی و اون رو بین چندین Shadow Root به اشتراک بذاری. این یعنی استایل‌ها فقط یه بار پارس می‌شن و دیگه خبری از تگ‌های style تکراری نیست. نتیجه: کمتر سربار، بهتر پرفورمنس، کدتمیزتر.

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

یه مقاله جالب روی CSS-Tricks منتشر شده که توش نشون داده می‌شه چطور می‌شه انیمیشن معروف صفحه معرفی Apple Vision Pro رو فقط با CSS بازسازی کرد. این پروژه نشون می‌ده که CSS مدرن چقدر قدرتمند شده و دیگه برای ساخت جلوه‌های بصری پیچیده لزوماً نیازی به جاوااسکریپت یا ابزارهای خارجی نیست. نویسنده، John Rhea، با استفاده از تکنیک‌های CSS مثل blend mode و animation این افکت چشم‌نواز رو پیاده‌سازی کرده.

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

مرورگر برای نمایش هر صفحه‌ی وب، صدها لایه رو روی هم می‌ذاره و میلیون‌ها بار تصمیم می‌گیره هر پیکسل چه رنگی داشته باشه. این فرایند «کامپوزیتینگ» نام داره و بلند مودها بخش مهمی از اون هستن. در این مقاله یاد می‌گیریم کامپوزیتینگ دقیقاً چیه، اپراتورهای Porter-Duff چه نقشی دارن، و چطور می‌شه از بلند مودها در CSS برای ساخت افکت‌های جذاب استفاده کرد.

۲۵ هفته پیشnik.digital

یه API جدید و جذاب به اسم Animation Timeline اومده که بهت اجازه می‌ده انیمیشن‌های اسکرول‌محور رو مستقیم توی CSS بنویسی، بدون اینکه یه خط جاوااسکریپت لازم داشته باشی. ایده اصلیش اینه که به جای اینکه یه انیمیشن keyframe رو به زمان وصل کنی، اونو به موقعیت اسکرول المان توی viewport وصل می‌کنی. الان حدود ۸۵٪ پشتیبانی مرورگری داره و فایرفاکس هم داره بهش می‌رسه. این API روی همون ساختارهای آشنای CSS ساخته شده، پس اگه با keyframe animations راحتی، سریع یادش می‌گیری.

۲۵ هفته پیشjoshwcomeau.com

مت مارکیس، رئیس سابق گروه استانداردسازی تصاویر ریسپانسیو (RICG)، بعد از ۱۴ سال اعتراف می‌کنه که خودش هم از سینتکس srcset و sizes متنفر بوده. او که سال‌ها پرچم‌دار این استانداردها بود، حالا از یه قابلیت جدید در وب می‌گه که می‌تونه این کابوس قدیمی رو برای همیشه تموم کنه. تصاویر ریسپانسیو به عنوان یه مفهوم عالی بودن، ولی پیاده‌سازیشون برای توسعه‌دهنده‌ها همیشه دردسرساز بوده. حالا وقتشه که یه صفحه جدید ورق بخوره.

۲۵ هفته پیشpiccalil.li

فریم‌ورک Fresh به نسخه ۲.۳ رسید و یه سری قابلیت مهم باهاش اومد. یکی از بزرگ‌ترین تغییرات اینه که وعده «صفر جاوااسکریپت به‌صورت پیش‌فرض» این بار واقعاً عملی شده و صفحه‌هایی که به island یا partials نیاز ندارن، دیگه هیچ JS‌ای لود نمی‌کنن. علاوه بر این، پشتیبانی بومی از WebSocket، View Transitions برای ناوبری نرم‌تر، و بهبودهای گسترده در یکپارچه‌سازی Vite هم به این نسخه اضافه شده. دو میدلور امنیتی جدید برای CSP nonce و فیلتر IP هم تحویل داده شدن.

۲۵ هفته پیشdeno.com

bwip-js یه کتابخونه جاوااسکریپتیه که بهت اجازه می‌ده مستقیم توی مرورگر یا Node.js بارکد بسازی، بدون نیاز به هیچ سرویس خارجی یا پلاگین اضافه‌ای. از انواع مختلف بارکد پشتیبانی می‌کنه و خروجی‌اش رو می‌شه هم به‌صورت Canvas و هم SVG رندر کرد. فایل نهایی رو هم می‌شه مستقیم به فرمت PNG یا JPEG ذخیره کرد.

۲۵ هفته پیشbwip-js.metafloor.com

bwip-js یه کتابخونه‌ی جاوااسکریپتیه که بیش از ۱۰۰ نوع بارکد خطی و دوبعدی رو پشتیبانی می‌کنه و روی مرورگر، Node.js، React Native و محیط‌های دیگه هم اجرا می‌شه. خروجیش می‌تونه PNG، Canvas یا SVG باشه و برای کارهای وب و سرور هر دو مناسبه. نصبش با npm خیلی سادست و یه API آنلاین هم داره که بدون نیاز به سرور جاوااسکریپتی می‌شه ازش استفاده کرد.

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

Nano Stores یه کتابخانه‌ی فوق‌العاده سبک برای مدیریت استیته که با React، Vue، Svelte، Solid، Angular و حتی Vanilla JS کار می‌کنه. حجمش بین ۲۹۴ تا ۸۳۱ بایته و هیچ dependency خارجی نداره. ایده‌ی اصلیش اینه که منطق برنامه رو از کامپوننت‌ها بیاری بیرون و بذاری داخل store. با استفاده از atomic storeها و lazy loading، فقط کامپوننت‌هایی re-render می‌شن که واقعاً به داده تغییر کرده نیاز دارن.

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

Lightweight Charts یه کتابخونه متن‌باز از TradingView هست که بهت امکان می‌ده نمودارهای مالی تعاملی و سبک رو توی صفحات وبت جا بدی. حجم این کتابخونه به اندازه یه تصویر استاتیکه، ولی بهت نمودارهای زنده و تعاملی می‌ده. نصبش از طریق npm یا CDN خیلی سادست و از پلاگین‌های سفارشی هم پشتیبانی می‌کنه. اگه دنبال جایگزینی برای چارت‌های تصویری قدیمی هستی، این ابزار یه گزینه حرفه‌ایه.

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

Lightweight Charts یه کتابخانه متن‌باز و رایگان از TradingView‌ه که بهت اجازه می‌ده نمودارهای مالی تعاملی و حرفه‌ای رو توی پروژه‌ات جا بدی، اون هم با حجم کمتر از ۳۵ کیلوبایت. این کتابخانه روی HTML5 Canvas کار می‌کنه و به‌خوبی از داده‌های لحظه‌ای، انواع نمودار و شخصی‌سازی کامل ظاهر پشتیبانی می‌کنه. بیش از ۴۰ هزار شرکت و ۱۰۰ میلیون تریدر در سراسر دنیا به تکنولوژی TradingView اعتماد دارن، پس این کتابخانه از یه منبع کاملاً معتبر میاد.

۲۵ هفته پیشtradingview.com

Ripple یه فریم‌ورک UI مبتنی بر TypeScript هست که سعی کرده بهترین ویژگی‌های React، Solid و Svelte رو یکجا جمع کنه. این فریم‌ورک با سیستم reactivity داخلی، رندرینگ دقیق و سبک، و پشتیبانی کامل از TypeScript طراحی شده. استایل‌دهی scoped، کنترل‌فلوی native توی تمپلیت‌ها، و پشتیبانی غنی از VSCode هم از جمله امکاناتشه که کار رو برای توسعه‌دهنده راحت‌تر می‌کنه.

۲۵ هفته پیشripple-ts.com

TSRX یه افزونه زبانی برای TypeScript‌ه که می‌خواد نوشتن کامپوننت‌های UI رو راحت‌تر و خواناتر کنه. برخلاف JSX، توی TSRX می‌شه کنترل فلو، استایل‌ها، و متغیرهای محلی رو مستقیماً کنار markup نوشت. این ابزار به React، Preact، Solid، Vue و Ripple کامپایل می‌شه و با کدبیس‌های موجود TypeScript سازگاره. یه مزیت مهمش اینه که هم برای توسعه‌دهنده‌های انسانی و هم برای مدل‌های زبانی (LLM) خوندن کد رو آسون‌تر می‌کنه.

۲۵ هفته پیشtsrx.dev

دیباگ کردن اپ‌های Next.js در محیط پروداکشن همیشه یه چالش جدیه؛ خطاهای هیدریشن، مشکلات سرور کامپوننت‌ها و گلوگاه‌های پرفورمنس معمولاً سرنخ واضحی به دست نمی‌دن. این ورکشاپ یاد می‌ده چطور لاگ‌های پربار و معنادار بنویسی که نه‌تنها بگن چی خراب شده، بلکه کِی، کجا و چرا هم مشخص کنن. بعدش وارد دنیای distributed tracing می‌شی و می‌بینی چطور لاگ‌ها و تریس‌ها رو با هم به Sentry وصل کنی تا دیگه بین ابزارهای مختلف سردرگم نشی.

ES2025 رسماً تأیید شده و ES2026 هم داره نزدیک می‌شه. تو این دو نسخه، ویژگی‌های جالبی مثل Iterator helpers، متدهای جدید Set، Promise.try، و Map.getOrInsert به زبان اضافه شدن که کدنویسی روزمره رو واقعاً راحت‌تر می‌کنن. علاوه بر این، Temporal که حالا به Stage 4 رسیده، قراره مدیریت تاریخ و زمان توی جاوااسکریپت رو کاملاً متحول کنه. این مقاله توضیح می‌ده چه چیزی الان قابل استفاده‌ست، چه چیزی داره می‌آد، و چطور می‌شه AI tools رو برای استفاده از این ویژگی‌های جدید راهنمایی کرد.

۲۵ هفته پیشneciudan.dev

تیم تایپ‌اسکریپت نسخه بتای ۷.۰ رو منتشر کرده که یه تغییر اساسی و بزرگ داره: کل کدبیس از تایپ‌اسکریپت به زبان Go بازنویسی شده. نتیجه این کار؟ سرعتی حدود ۱۰ برابر بیشتر نسبت به نسخه ۶. این بتا از قبل توی کدبیس‌هایی با میلیون‌ها خط کد در شرکت‌هایی مثل Figma، Slack، Google و Notion آزمایش شده و نتایج خیلی مثبتی داشته. با اینکه هنوز بتاست، می‌شه همین الان توی پروژه‌های روزمره ازش استفاده کرد.

۲۵ هفته پیشdevblogs.microsoft.com

مایکروسافت نسخه بتای تایپ‌اسکریپت ۷.۰ رو رسماً معرفی کرد؛ یه تحول بزرگ که کل کامپایلر از TypeScript به زبان Go بازنویسی شده. نتیجه؟ سرعتی حدود ۱۰ برابر بیشتر از نسخه ۶.۰. منطق تایپ‌چکینگ دقیقاً همونه که قبلاً بود، فقط خیلی سریع‌تر اجرا می‌شه. این نسخه بتا به قدری پایداره که می‌تونی همین الان توی پروژه‌های واقعی ازش استفاده کنی.

۲۵ هفته پیشdevblogs.microsoft.com

تایپ‌اسکریپت ۶ به‌تازگی منتشر شد و یه نسخه‌ی خاص و منحصربه‌فرده؛ چون آخرین نسخه‌ایه که روی کدبیس جاوااسکریپت فعلی بنا شده. این نسخه عملاً یه پل بین ۵.۹ و نسخه‌ی بزرگ بعدیه — تایپ‌اسکریپت ۷ که با Go بازنویسی شده. چند بهبود جذاب هم توی این نسخه هست: استنتاج نوع بهتر برای توابع بدون this، و پشتیبانی از subpath importهایی که با #/ شروع می‌شن.

۲۵ هفته پیشdevblogs.microsoft.com

مایکروسافت نسخه بتای تایپ‌اسکریپت ۷ رو منتشر کرده و این بار یه تغییر اساسی زیر کاپوتشه: کل کامپایلر از تایپ‌اسکریپت به زبان Go بازنویسی شده. نتیجه؟ سرعتی حدود ۱۰ برابر بیشتر از نسخه ۶ در build و type-checking. برخلاف اسم «بتا»، تیم توسعه اعلام کرده که این نسخه به‌قدری پایداره که می‌شه همین الان توی پروژه‌های واقعی ازش استفاده کرد. شرکت‌های بزرگی مثل Figma، Slack، Google، Notion و Vercel ماه‌هاست با نسخه‌های pre-release این ورژن کار می‌کنن و نتایج فوق‌العاده گزارش دادن.

۲۵ هفته پیشdevblogs.microsoft.com

Meticulous AI یه ابزار تست هوشمنده که بدون اینکه لازم باشه یه خط تست بنویسی، تمام فلوهای کاربری اپت رو پوشش می‌ده. این ابزار رفتار کاربرها رو در محیط توسعه ضبط می‌کنه و از اون‌ها یه مجموعه تست بصری end-to-end می‌سازه که با هر تغییر کد خودش آپدیت می‌شه. شرکت‌هایی مثل Dropbox و Notion ازش استفاده می‌کنن و می‌گن دیگه نمی‌تونن بدونش کار کنن.

۲۵ هفته پیشmeticulous.ai