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

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

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

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

Clerk یه CLI جدید معرفی کرده که راه‌اندازی احراز هویت رو به سه دستور ساده تبدیل می‌کنه. دیگه نیازی نیست API key کپی‌پیست کنی یا از ترمینال بری بیرون. جالب‌تر اینکه این ابزار برای کار با AI Agent هم طراحی شده؛ یعنی می‌تونی به ایجنتت بگی auth رو ست کنه و اون همه چیز رو از اول تا آخر انجام می‌ده.

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

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

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

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

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

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