فرانت‌اند
- افکت دیترینگ وایرال با کمتر از یک دلار
پس‌زمینه‌های نقطه‌نقطه و لرزونی که این روزها تو سایت‌ها می‌بینی رندر زنده نیستن؛ یه ویدیوی چندثانیه‌ای‌ان که فریم‌فریم شده و یه فیلتر سیاه‌وسفید روش خورده.
۱۱ هفته پیش۲ دقیقهmindstudio.ai - سه قابلیت CSS که بی‌سروصدا از زیر رادارمون رد شدن
بین سر و صدای قابلیت‌های پرزرق‌وبرق، سه امکان کم‌ادعا به baseline رسیدن: Custom Highlight API، کلیدواژه‌های تازهٔ text-indent و تایپ‌ست ریاضی بومی.
۱۱ هفته پیش۳ دقیقهutilitybend.com - Instatic؛ CMS خودمیزبان روی یه سرور Bun
به‌جای سرهم کردن چند سرویس جدا برای ساخت سایت، اینستاتیک ادیتور، موتور محتوا و منتشرکننده رو تو یه سرور Bun جمع کرده و صفحه‌های تمیز بیرون می‌ده.
- افشای تدریجی؛ اصلی که هوش مصنوعی بیشتر از همیشه بهش نیاز داره
یاکوب نیلسن می‌گه یه اصل ۴۰ سالهٔ طراحی رابط، یعنی نشون دادن کم و پنهان کردن بقیه، دقیقاً همون چیزیه که چت‌بات‌ها و عامل‌های هوش مصنوعی کم دارن.
۱۱ هفته پیش۴ دقیقهjakobnielsenphd.substack.com - نکتهٔ اصلی Promiseها رو داری از دست می‌دی
خیلی از کتابخونه‌ها Promise رو فقط یه جمع‌کنندهٔ کال‌بک می‌بینن، ولی هدف اصلیش برگردوندن ترکیب‌پذیری و بالا رفتن خطاست به دنیای ناهمگام.
۱۱ هفته پیش۳ دقیقهdomenic.me - react-icons؛ گنجینهٔ آیکون‌های محبوب برای ری‌اکت
با react-icons می‌تونی آیکون‌های ده‌ها مجموعهٔ معروف مثل Font Awesome، Material و Lucide رو با یه ایمپورت ساده تو پروژهٔ ری‌اکت بیاری، اونم بدون اینکه کل ست آیکون بشینه رو دستت.
۱۱ هفته پیش۲ دقیقهreact-icons.github.io - microcharts: نموداری که تو یه جمله جا می‌شه
یه کتابخونهٔ نمودار برای ری‌اکت که به‌جای داشبورد، برای دل متن و سلول جدول ساخته شده: 106 نوع نمودار، میانهٔ 5.25 کیلوبایت، و نسخهٔ استاتیکی که هیچ جاوااسکریپتی به کلاینت نمی‌فرسته.
۱۱ هفته پیش۳ دقیقهmicrocharts.dev - react-css-highlight؛ هایلایت متن با API جدید CSS
یه کامپوننت ری‌اکت بدون وابستگی که برای هایلایت کردن نتایج جست‌وجو به‌جای پیچیدن متن توی تگ، از CSS Custom Highlight API استفاده می‌کنه و DOM رو دست نمی‌زنه.
۱۱ هفته پیش۳ دقیقهgithub.com - ReactBench؛ بنچمارکی برای کد ری‌اکتی که ایجنت‌ها می‌نویسن
مدل‌ها می‌تونن همهٔ تست‌های بنچمارک‌های امروزی رو پاس کنن و باز هم ری‌اکتی بنویسن که تو پروداکشن می‌شکنه؛ ReactBench دقیقاً سراغ همین شکاف رفته.
۱۱ هفته پیش۳ دقیقهreactbench.com - دکمهٔ پست تصادفی فقط با HTML و CSS
کریس کویر یه ترفند نشون می‌ده: به‌جای جاوااسکریپت، فضای دکمه رو پر از لینک‌های ریز می‌کنی و همون پیکسلی که روش کلیک می‌کنی تعیین می‌کنه به کدوم پست می‌ری.
۱۱ هفته پیش۳ دقیقهmaster.dev - پیپر ۳۴ میلیون دلار سری A جذب کرد
استارتاپی که ابزار طراحی‌ش رو دور Claude Code و ایجنت‌های کدنویس ساخته، بعد از عرضهٔ نسخهٔ دسکتاپ درآمدش رو در یک ماه ۲۵ برابر کرد و حالا از Accel و ICONIQ پول گرفته.
۱۱ هفته پیش۳ دقیقهpaper.design - ArtPlayer.js؛ پخش‌کننده‌ی ویدیوی HTML5 پرامکانات و ماژولار
ArtPlayer.js یه پخش‌کننده‌ی ویدیوی HTML5 مدرن و پرامکاناته که کنترل‌هاش قابل‌سفارشی‌سازیه و از زیرنویس‌های vtt و ass و srt و کلی افزونه پشتیبانی می‌کنه.
۱۲ هفته پیش۲ دقیقهgithub.com - Octane: مدل ذهنی ری‌اکت رو نگه دار، قوانین کمتر
Octane همون کامپوننت و هوک ری‌اکت رو نگه داشته ولی چند قانون سفتش رو برداشته: هوک پشت شرط، آرایهٔ وابستگی اختیاری و ایونت‌های واقعی مرورگر.
۱۲ هفته پیش۳ دقیقهoctanejs.dev - چرا از صفحه‌های وقفه تو فرم‌ها استفاده نمی‌کنم
طراح فرم آدام سیلور می‌گه صفحه‌های وقفه — همون صفحه‌هایی که وسط مسیر جلوی کاربر رو می‌گیرن — بیشتر از اینکه کمک کنن دردسر می‌سازن، و یه سؤال معمولی جاشون رو بهتر پر می‌کنه.
۱۲ هفته پیش۲ دقیقهadamsilver.io - راهنمای مهاجرت MapLibre GL JS از ۵ به ۶
کتابخونهٔ نقشهٔ MapLibre تو نسخهٔ ۶ فقط ESM شده. راهنمای رسمی مهاجرت می‌گه کدوم ایمپورت‌ها می‌شکنن، کی به setWorkerUrl نیاز داری و CSP رو باید چطور تنظیم کنی.
۱۲ هفته پیش۳ دقیقهgithub.com - Locize: ترجمه‌های محصولت رو بدون ریدیپلوی آپدیت کن
وقتی محصولت چندزبونه‌ست، هر تغییر کوچیک تو متن‌ها یه دیپلوی جدید می‌خواد. Locize این حلقه رو می‌شکنه و ترجمه‌ها رو موقع اجرا از CDN به اپ می‌رسونه.
۱۲ هفته پیش۲ دقیقهlocize.com - WOFF ۱.۰؛ فونتی که چهرهٔ وب رو عوض کرد
شونزده سال پیش اولین پیش‌نویس فرمت فونت وب منتشر شد؛ نتیجهٔ یه آشتی سخت بین طراح‌های فونت و مرورگرها که آخرش جایزهٔ امی هم گرفت.
۱۲ هفته پیش۳ دقیقهw3.org - ساخت مثلث تو CSS با conic-gradient
کریس کویر می‌گه گرادیان مخروطی فقط برای نمودار دایره‌ای نیست؛ اگه مرکزش رو جابه‌جا کنی و استاپ‌های سخت بذاری، یه ابزار تمیز برای ساختن مثلث‌های زاویه‌دار می‌شه.
۱۲ هفته پیش۲ دقیقهmaster.dev - کار کردن یه چیزه، خوب بودن یه چیز دیگه
چرا کاری که تازه راه افتاده تحسین می‌شه ولی راه‌حل واقعاً خوب با «خب معلومه» جواب می‌گیره؟ جیم نیلسن سراغ همین شکاف رفته.
- Lexxy؛ ادیتور متن غنی مدرن برای Rails
ادیتوری که Basecamp خودش ازش استفاده می‌کنه، روی Lexical متا ساخته شده و مستقیم به Action Text وصله؛ HTML تمیز، شورتکات‌های Markdown و هایلایت زندهٔ کد رو یکجا داره.
۱۲ هفته پیش۲ دقیقهlexxy.dev
