فرانتاند
- نتایج نظرسنجی State of CSS 2026 منتشر شد
نظرسنجی سالانهٔ CSS با ۴٬۹۰۲ شرکتکننده تموم شد و جالبترین یافتهش اینه که محبوبترین ویژگی جدید، دقیقاً همونیه که خیلیها بهخاطر پشتیبانی ناقص مرورگرها ازش دوری میکنن.
۱ هفته پیش۲ دقیقه2026.stateofcss.com - دیزاین سیستم هم به eval نیاز داره
میتونی تمیزترین AGENTS.md دنیا رو بنویسی و باز هم ندونی کامپوننتی که امروز رفت روی محصول، از کتابخونهٔ خودت اومده یا یه div با رنگ هاردکد بوده.
۱ هفته پیش۴ دقیقهblog.murphytrueman.com - TanStack Charts رسید: گرامر نمودار برای وب
تیم TanStack یه کتابخونهٔ نمودار تازه منتشر کرده که به جای نمودارهای آماده، مارکها رو روی مقیاسهای مشترک لایه میکنه و باندلش حدود نصف Chart.js درمیاد.
۱ هفته پیش۳ دقیقهtanstack.com - UI SFX: کتابخانهٔ متنباز صدای رابط کاربری
یه کتابخانهٔ کوچیک و متنباز که ۹۳۶ افکت صوتی رابط کاربری رو در ۱۲ شخصیت صدایی مختلف آماده کرده تا هر محصول بتونه زبان صوتی خودشو داشته باشه.
۱ هفته پیش۲ دقیقهuisfx.com - تگ img میتونه از خودش سرریز کنه
تمانی عفیف نشون میده تگ img در واقع هم ظرفه هم محتوا؛ برای همین میتونه محتوای خودش رو سرریز کنه و مرورگرها پیشفرض این سرریز رو پنهان میکنن.
۱ هفته پیش۳ دقیقهmaster.dev - ۷۳ درس از نوشتن برای میلیاردها کاربر
نیک دیلالو سالها برای محصولاتی با میلیاردها کاربر متن نوشته؛ حالا ۷۳ درسش رو منتشر کرده، از یکبار فرصت داشتن برای نامگذاری فیچر تا اثر اصلاح متن روی تیکتهای پشتیبانی.
- wc-location-field؛ انتخاب موقعیت با یک تگ
یه وبکامپوننت کوچیک که فیلد انتخاب موقعیت رو با جستوجوی آدرس، نقشهی تعاملی و موقعیتیاب مرورگر میسازه؛ فقط یه تگ اسکریپت لازم داره و به هیچ فریمورکی وابسته نیست.
۱ هفته پیش۲ دقیقهgithub.com - نشتی حافظهٔ SPA رو با soak test بگیر
بکاندیها سالهاست سرورشون رو ساعتها زیر بار میذارن تا نشتی حافظه رو پیدا کنن؛ همین کار با Playwright روی خود اپ فرانتاند هم شدنیه و چند دقیقه بیشتر وقت نمیبره.
۲ هفته پیش۳ دقیقهdenodell.com - virtua؛ لیست مجازی بدون تنظیمات برای پنج فریمورک
رندر کردن لیستهای چندهزارتایی معمولاً مرورگر رو زمین میزنه. یه کتابخونهٔ حدود ۳ کیلوبایتی میخواد این مشکل رو بدون هیچ تنظیماتی و روی پنج فریمورک مختلف حل کنه.
۲ هفته پیش۲ دقیقهgithub.com - انیمیشن پلکانیِ قابل اسکراب فقط با CSS
نویسنده نشون میده چطور با قانون تازهٔ @function تو CSS میشه یه انیمیشن پلکانی ساخت که بهجای زمان، با یه مقدار پیشرفت کنترل میشه و میشه به اسکرول یا هر ورودیِ دیگه وصلش کرد.
۲ هفته پیش۴ دقیقهmaster.dev - داکفایند: موتور جستوجوی مایکروسافت که کامل تو مرورگر میچرخه
مایکروسافت یه موتور جستوجوی متنباز با Rust نوشته که ایندکسش داخل فایل WASM جا میگیره؛ ۵۰ هزار مقاله رو تو مرورگر با تأخیر ۱ تا ۳ میلیثانیه سرچ میکنه.
۲ هفته پیش۲ دقیقهgithub.com - ویرایشگر تصویر Unlayer برای ریاکت
یه کامپوننت ریاکت که ادیتور تصویر Unlayer رو با کراپ، فیلتر، متن، استیکر و یه دستیار هوش مصنوعی اختیاری، مستقیم میذاره وسط اپتون.
۲ هفته پیش۲ دقیقهgithub.com - بدترین ریاکت دنیا رو بسازیم!
یه توسعهدهنده تو یه تعطیلی رسمی نشسته و یه کلون مینیمال از React نوشته: از تابع hyperscript و رندر بازگشتی تا یه پارسر کوچیک که بدون ترنسپایلر نحوی شبیه JSX میده.
۲ هفته پیش۳ دقیقهzserge.com - مقایسهی TanStack Charts با ۱۶ کتابخونهی نمودار
تناستک یه صفحهی مقایسه منتشر کرده که ۱۷ کتابخونهی نمودار رو کنار هم میذاره و بهجای تیکهای تبلیغاتی، نسخههای پینشده و روش قابلتکرار رو گزارش میکنه.
۲ هفته پیش۲ دقیقهtanstack.com - Canvas UI: کتابخونهی متنباز کامپوننتهای زنده روی canvas و WebGL
یه کتابخونهی متنباز و رایگان با ۲۵ کامپوننت بصری معرفی شده که مستقیم روی canvas و با WebGL اجرا میشن؛ فقط کافیه با یه دستور کدشون رو کپی کنی.
۲ هفته پیش۳ دقیقهcanvasui.dev - میکرودیف؛ مقایسهی آبجکتها زیر یک کیلوبایت
برای فهمیدن اینکه بین دو تا آبجکت چی عوض شده معمولاً سراغ کتابخونههای سنگین میریم؛ میکرودیف همین کارو با کمتر از یک کیلوبایت و بدون هیچ وابستگی انجام میده.
۲ هفته پیش۲ دقیقهgithub.com - scroll-world: لندینگ پروازمحور با یک اسکیل
همون لندینگهایی که با اسکرول، دوربین از بیرون یه صحنه به داخلش شیرجه میزنه و بعد به صحنهٔ بعدی میره. حالا یه اسکیل ایجنت کل خط تولیدش رو میسازه.
۲ هفته پیش۳ دقیقهgithub.com - Pinion UI؛ تغییر ظاهر کل اپ لاراولی با دو تا اتریبیوت
تا حالا عوضکردن ظاهر یه اپ لاراولی یعنی دستبردن تو همهٔ ویوها؛ Pinion UI میگه این کار رو با دو تا اتریبیوت روی تگ html بسپر به کتابخونه.
۲ هفته پیش۳ دقیقهlaravel-news.com - scroll-mask؛ محوکردن لبههای اسکرول با CSS
یه مجموعه یوتیلیتی برای Tailwind CSS v4 که لبههای محتوای اسکرولشونده رو محو میکنه و شدت محوشدگی رو همزمان با اسکرول کاربر کم و زیاد میکنه.
۲ هفته پیش۲ دقیقهtwilson.net - MapLibre GL JS؛ نقشهٔ تعاملی با WebGL تو مرورگر
یه کتابخونهٔ TypeScript که با WebGL نقشهٔ برداری تعاملی رو تو مرورگر رندر میکنه. نسخهٔ ۶ فقط ESM منتشر میشه و برای هر باندلر باید آدرس worker رو دستی ست کنی.
۲ هفته پیش۳ دقیقهmaplibre.org
