فرانت‌اند
- MapKit JS 6؛ نقشهٔ اپل، بازسازی‌شده برای وب امروز
اپل نسخهٔ ۶ MapKit JS رو دور الگوهای امروزی توسعهٔ وب بازسازی کرده: نصب به‌صورت پکیج npm، توکن ساده‌تر، Promiseهای بومی و مدل استاندارد رویداد مرورگر.
- ویژگی headingoffset؛ سطح هدینگ‌ها رو خودکار جابه‌جا کن
یه کامپوننت کارت گاهی باید H2 باشه و گاهی H3، بسته به جای استفاده‌اش. ویژگی آزمایشی headingoffset این تصمیم رو خودکار می‌کنه و دیگه لازم نیست ادیتورها دستی سطح رو انتخاب کنن.
۱۴ هفته پیش۳ دقیقهmatuzo.at - اتصال انکرها در CSS بدون تکرار، با attr() پیشرفته
اتریبیوت anchor قرار بود اتصال انکرها رو ساده کنه ولی حذف شد؛ نویسنده یه راه جایگزین با attr() پیشرفته و دیتا اتریبیوت‌ها نشون می‌ده.
۱۴ هفته پیش۳ دقیقهmaster.dev - چطور یه hydration mismatch کوچیک LCP رو خراب می‌کنه
یه mismatch کوچیک موقع hydration می‌تونه بدون اینکه کاربر تغییری ببینه، امتیاز LCP صفحه رو خراب کنه و رتبه‌ی سئو رو پایین بیاره.
۱۴ هفته پیش۳ دقیقه3perf.com - qr-code: وب‌کامپوننتی برای ساخت کد QR
یه وب‌کامپوننت سبک و مستقل از فریمورک که با یه تگ ساده و ویژگی data، هر متنی رو به کد QR تبدیل می‌کنه.
۱۴ هفته پیش۲ دقیقهgithub.com - navcat؛ مسیریابی سه‌بعدی توی مرورگر با جاوااسکریپت
یه کتابخونه‌ی جاوااسکریپتی که برای محیط‌های سه‌بعدی navmesh می‌سازه و باهاش می‌تونی مسیر حرکت کاراکترها رو پیدا کنی؛ با هر موتوری مثل Three.js یا Babylon.js کار می‌کنه.
۱۴ هفته پیش۳ دقیقهgithub.com - Takumi: JSX رو بدون مرورگر به عکس تبدیل کن
Takumi یه باینری Rust ـه که CSS رو پارس می‌کنه، درخت رو چیدمان می‌ده و پیکسل‌ها رو انکد می‌کنه؛ جای ۳۰۰ مگابایت رم و کولداستارت Chromium، فقط یه فراخوانی تابع.
۱۴ هفته پیش۴ دقیقهtakumi.kane.tw - ضبط ویدیو از یه ویو خاص تو React Native
یه کتابخونه‌ی جدید بهت اجازه می‌ده هر ویوی React Native رو به ویدیو یا عکس تبدیل کنی، صدا هم بهش اضافه کنی، اون‌هم بدون وابستگی به FFmpeg.
۱۴ هفته پیش۳ دقیقهgithub.com - Framer 3.0 با ایجنت‌های هوش مصنوعی اومد
نسخهٔ ۳.۰ فریمر با ایجنت‌هایی میاد که مستقیم روی بوم صفحه طراحی می‌کنن، کامپوننت می‌سازن و حتی کد می‌نویسن؛ در کنارش Branching و یه Community تازه هم معرفی شده.
۱۴ هفته پیش۲ دقیقهframer.com - تایپوگرافی سیال بهتر با progress()
clamp()ِ از پیش‌محاسبه‌شده، breakpointهای تو رو هم به rem تبدیل می‌کنه و می‌ذاره فونت پیش‌فرض کاربر خرابشون کنه. این مقاله با range mapping و تابع جدید progress() محاسبه رو به خود CSS برمی‌گردونه.
۱۴ هفته پیش۳ دقیقهmaster.dev - تم و حالت تاریکی که یادش می‌مونه
جدا کردن حالت روشن و تاریک از رنگ تم، سه لایه progressive enhancement و یه درس مهم: باید نیت کاربر رو ذخیره کنی، نه چیزی که خودت ازش برداشت کردی.
۱۴ هفته پیش۳ دقیقهalwaystwisted.com - وقتی ایجنت‌ها به دیزاین‌سیستم شما می‌نویسن
ایجنت‌های هوش مصنوعی دیگه فقط دیزاین‌سیستم رو نمی‌خونن؛ حالا مستقیم روش می‌نویسن. نویسنده می‌گه سرعت این تغییر، مدل بازبینی و حاکمیت تیم‌ها رو از کار انداخته.
۱۴ هفته پیش۳ دقیقهblog.murphytrueman.com - Gemma Gem: دستیار AI که کامل تو مرورگرت اجرا می‌شه
یه اکستنشن کروم که مدل Gemma 4 گوگل رو کامل روی دستگاه خودت با WebGPU اجرا می‌کنه؛ می‌تونه صفحه رو بخونه، دکمه بزنه، فرم پر کنه و بدون اینکه داده‌ات جایی بره جواب بده.
۱۴ هفته پیش۲ دقیقهgithub.com - سرور MCP رسمی MDN برای مدل‌های زبانی
موزیلا یه سرور MCP آزمایشی درآورده که جست‌وجو، مستندات و دادهٔ سازگاری مرورگرهای MDN رو مستقیم دست مدل‌های زبانی و ایجنت‌های کدنویسی می‌ده.
۱۴ هفته پیش۲ دقیقهgithub.com - معماری کانتکست؛ IA برای سیستم‌های هوش مصنوعی
گروه Nielsen Norman می‌گه بعد از prompt engineering و context engineering، حالا نوبت «معماری کانتکست» است؛ یعنی بردن اصول معماری اطلاعات به دنیای ایجنت‌های هوش مصنوعی.
۱۴ هفته پیش۳ دقیقهnngroup.com - کامپایلر ری‌اکت رو روشن کردم؛ چیا شکست
یه توسعه‌دهنده کامپایلر ری‌اکت رو روی یه پروژهٔ واقعی Next.js فعال کرد و دید بیشترش کار می‌کنه، ولی چند تا باگ ریز پیدا شد که بدون تست مستقیم می‌رفتن روی production.
۱۴ هفته پیش۳ دقیقهblog.logrocket.com - طراحیِ احتمالی: وقتی هوش مصنوعی حدس می‌زنه، نه حکم می‌ده
این مقالهٔ Smashing از مفهومی به‌اسمِ «طراحیِ احتمالی» می‌گه: خروجیِ هوش مصنوعی یه احتماله نه یه حقیقتِ قطعی، و طراح باید همونو با عدمِ قطعیت بخونه.
۱۴ هفته پیش۲ دقیقهsmashingmagazine.com - چرا خیلی از توسعه‌دهنده‌ها CORS رو نمی‌فهمن
خیلی از توسعه‌دهنده‌ها به‌جای فهمیدن CORS دورش می‌زنن؛ همین کار بود که یه آسیب‌پذیری بزرگ برای Zoom درست کرد و اجازه می‌داد هر سایتی وب‌کم کاربر رو صدا بزنه.
- ng-forge: ساخت فرم‌های داینامیک و type-safe تو انگولار
به‌جای نوشتن دستی کد فرم‌ها، این کتابخونه اجازه می‌ده فرم‌های انگولار رو با یه آبجکت تنظیمات و کاملاً type-safe بسازی؛ اونم روی Signal Forms جدید انگولار.
۱۴ هفته پیش۲ دقیقهgithub.com - وقتی مهاجم همهٔ کد سمت کلاینتت رو خونده
TrustSig توضیح می‌ده چطور یه سیستم تشخیص بات سمت مرورگر رو طوری می‌سازه که حتی اگه مهاجم کل کدش رو مهندسی معکوس کنه، چیز ماندگاری گیرش نیاد.
