فرانتاند
- دور زدن احراز هویت در دو وباپ جانسوناندجانسون
یه پژوهشگر امنیتی نشون داده که تو دو وباپ جانسوناندجانسون، احراز هویت فقط سمت مرورگر چک میشد و همین باعث شد بشه اطلاعات هزاران نفر رو دید.
- طراحی برای GenUI: وقتی هوش مصنوعی رابط رو میسازه
با GenUI فلاتر، طراح دیگه تکتک صفحهها رو نمیسازه؛ به جاش ساختار، قانون و محدوده تعریف میکنه و هوش مصنوعی لحظهای رابط رو میچینه.
۴ هفته پیش۳ دقیقهblog.gskinner.com - TanStack Table V9 مصرف حافظه رو تا ۹۰ درصد کم کرد
تیم TanStack با یه رفکتور بهظاهر ساده تونستن مصرف حافظهی Table V9 رو نسبت به V8 برای جدولهای بزرگ تا ۹۰ درصد کم کنن.
۴ هفته پیش۳ دقیقهtanstack.com - اسکیل taste: مهندسی معکوس سلیقهٔ طراحی سایتها
یه اسکیل متنباز که هر URL رو به کانتکست کامل طراحی برای ایجنتهای کدنویسی تبدیل میکنه؛ از توکنهای دقیق رنگ و تایپوگرافی تا منطق پشت هر تصمیم طراحی.
۴ هفته پیش۳ دقیقهtastelab.xyz - انیمیشن باز و بسته شدن دیالوگ با CSS
حالا میشه عنصری که از display:none به display:block میره رو نرم و روان محو کرد؛ کلیدش allow-discrete و @starting-styleـه و یه ترفند کوچیک برای بکدراپ.
۴ هفته پیش۳ دقیقهmaster.dev - Formisch به RC رسید: فرم با یک اسکیمای Valibot
کتابخونهٔ فرم فابین هیلر (سازندهٔ Valibot) وارد فاز کاندیدای انتشار شد؛ API قفل شده و از همون یک اسکیما، هم اعتبارسنجی رانتایم درمیاد هم تایپهای TypeScript.
۴ هفته پیش۳ دقیقهformisch.dev - پورتفولیوی سهبعدی بدون حتی یک مدل سهبعدی
یه توسعهدهنده که بلد نبود مدل سهبعدی بسازه، بهجاش شکلهای تختِ ساده رو با تکسچرهای دستکشیده پوشوند و همین محدودیت شد هویت بصریِ یه پورتفولیوی جایزهبردهٔ Three.js.
۴ هفته پیش۳ دقیقهtympanus.net - 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
