فرانت‌اند
- ردیت می‌گه HTML ساده ناامنه
ردیت نسخهٔ قدیمی سایتش رو پشت لاگین برد و اسمش رو گذاشت «امنیت»؛ نویسنده با ابزار توسعه‌دهندهٔ مرورگر رفته ببینه واقعاً چه فرقی بین دو فرانت‌اند هست.
۱۲ هفته پیش۳ دقیقهcole-k.com - انیمیشن ورود و خروج فقط با sibling-index()
وقتی یه آیتم از لیست حذف می‌شه، ایندکس بقیه عوض می‌شه. اگه همون ایندکس رو توی یه property انیمیشن‌پذیر استفاده کنی، خودبه‌خود انیمیشن می‌گیری.
۱۲ هفته پیش۴ دقیقهmaster.dev - Pinia 4 منتشر شد؛ فقط ESM و خطاهای بازنویسی‌شده
نسخه‌ی چهارم استور رسمی Vue اومد و برخلاف شماره‌ی نسخه، تغییر شکسته‌ی واقعی نداره؛ فقط ESM-only شده و پیام‌های خطا و هشدارش کامل بازنویسی شدن.
۱۲ هفته پیش۲ دقیقهgithub.com - هنوز به کتابخونهٔ مدیریت State نیاز داریم؟
دن آبراموف، سازندهٔ Redux، تو یه گفت‌وگو گفته کتابخونه‌های مدیریت State دیگه ضروری نیستن. نویسنده رفته سراغ سورس Redux و Zustand و Jotai تا ببینه واقعاً زیر کاپوت چه خبره.
۱۲ هفته پیش۳ دقیقهneciudan.dev - چرا هوش مصنوعی تو دیزاین ضعیفه؟
هوش مصنوعی تو کدنویسی ترکونده ولی خروجی دیزاینش عمومی و بی‌روحه؛ فیل مورتون می‌گه دلیلش سلیقه نیست، نبود معیار خودکار برای نمره دادنه.
۱۲ هفته پیش۴ دقیقهphilmorton.co - UX Components؛ دفترچهٔ راهنمای کامپوننت‌های رابط کاربری
وقتی هر دیزاین‌سیستمی یه اسم متفاوت برای یه کامپوننت می‌ذاره، پیدا کردن معادل درست وقت می‌بره. UX Components این نام‌ها، حالت‌ها و الگوهای دسترسی‌پذیری رو کنار هم چیده.
۱۲ هفته پیش۲ دقیقهux-components.com - کتابخانه‌ای که آناتومی کامپوننت رو نشون می‌ده
component-anatomy مستندات اجزای یک کامپوننت رو با خود کامپوننت زنده روی صفحه هم‌زمان می‌کنه؛ یک رانتایم بدون وابستگی و حدود ۴ کیلوبایت.
۱۲ هفته پیش۲ دقیقهjulien-deramond.github.io - دواتولز اینرشیا اومد روی کروم وب‌استور
افزونهٔ Inertia DevTools حالا از کروم وب‌استور نصب می‌شه و یه پنل تازه به دواتولز اضافه می‌کنه که هر ویزیت رو با پراپ‌ها، هدرها و روتش نشون می‌ده.
۱۲ هفته پیش۳ دقیقهlaravel-news.com - چیدمان جدول حذفی فیفا با ساب‌گرید
نویسنده جدول مرحلهٔ حذفی جام جهانی رو تو DevTools باز کرده، دیده مارک‌آپش هک شده، و با گرید و subgrid دوباره ساختتش.
۱۲ هفته پیش۲ دقیقهishadeed.com - انگولار چرخه‌ی نسخه‌های بزرگش رو سالانه می‌کنه
تیم انگولار به‌جای هر شش ماه، از این به بعد سالی فقط یه نسخه‌ی بزرگ با تغییرات شکننده منتشر می‌کنه؛ هدفش هم پایداری بیشتر API برای پروژه‌ها و ابزارهای هوش مصنوعیه.
۱۲ هفته پیش۲ دقیقهgithub.com - Ilha؛ کتابخانهٔ UI با معماری جزیره‌ای
روی سرور HTML خالص می‌ده، روی کلاینت بدون پرش هیدریت می‌کنه، و هسته‌ش اون‌قدر کوچیکه که کل کدش تو یه پرامپت جا می‌شه.
۱۲ هفته پیش۴ دقیقهilha.build - EXE؛ کل اپ فول‌استک رو تو یه فایل اجرایی
به‌جای اینکه اپت رو با داکر یا نصب Node تحویل بدی، EXE کل اپ فول‌استکت رو یه فایل اجرایی تک‌تیکه می‌کنه که همهٔ قابلیت‌های سمت سرور مثل SSR و API رو نگه می‌داره.
۱۲ هفته پیش۲ دقیقهgithub.com - تنک‌استک ری‌اکت سرور کامپوننتس رو کنار گذاشت
تنر لینزلی می‌گه RSC یه برد واقعی تو سرعت سایتشون آورد، ولی وقتی کتابخونهٔ سنگین مارک‌داون جاشو به یه رندرر ۲۷ کیلوبایتی داد، دیگه ارزش این‌همه پیچیدگی رو نداشت.
۱۲ هفته پیش۳ دقیقهtanstack.com - هیدریشن ناهمزمان در Preact و ماجرای Hydration 2.0
یکی از نگهدارنده‌های Preact توضیح می‌ده که resumed hydration از قبل وجود داشته، Hydration 2.0 قابل‌اعتمادش می‌کنه و استریمینگ هم تو نسخه‌ی ۱۱ راه می‌افته.
۱۲ هفته پیش۴ دقیقهjovidecroock.com - بلوغ دیزاین‌سیستم رو با ۶ بُعد بسنجید، نه با یه نردبان
بلوغ دیزاین‌سیستم یه مسیر پله‌پله و رو به جلو نیست؛ گروه NN/g یه چارچوب ۶بُعدی پیشنهاد می‌ده که سلامت سیستم رو مثل یه نمودار شعاعی نشون می‌ده.
۱۲ هفته پیش۳ دقیقهnngroup.com - AntV Infographic؛ موتور متن‌باز ساخت اینفوگرافیک با نحو اعلانی
AntV یه موتور متن‌باز معرفی کرده که با یه نحو اعلانی، متن رو به اینفوگرافیک‌های باکیفیت تبدیل می‌کنه و برای تولید و رندر زنده با هوش مصنوعی هم بهینه شده.
۱۲ هفته پیش۲ دقیقهgithub.com - وضعیت WebMCP: استانداردی بدون کاربر
پیش‌نویسی که گوگل و مایکروسافت ویرایشش می‌کنن، آزمایش زنده تو کروم داره و ممیزی لایت‌هاوس منتظرشه؛ ولی تقریباً هیچ سایتی پیاده‌سازی‌اش نکرده.
۱۲ هفته پیش۴ دقیقهspronta.com - Octane؛ جانشین اینفرنو با همون API ری‌اکت
یه فریم‌ورک جدید جاوااسکریپتی می‌گه با همون هوک‌های ری‌اکت کد بزن، ولی ویرچوال دام و آرایه‌های وابستگی رو بسپار به کامپایلر.
۱۲ هفته پیش۳ دقیقهgithub.com - انیمیشن باز و بسته شدن details فقط با CSS
باز و بسته شدن نرم عنصر details سال‌ها یا هک بود یا جاوااسکریپت؛ حالا با چند خط CSS و خاصیت transition-behavior می‌شه هر دو طرف رو انیمیت کرد.
۱۲ هفته پیش۳ دقیقهaustingil.com - آیکون‌های ترکیبی و تلهٔ گرامر مبهم
چسبوندن یه علامت کوچیک به یه آیکون پایه معنی رو مشخص‌تر می‌کنه، ولی هلنا ژانگ می‌گه همین کار یه گرامر نانوشته می‌سازه که هیچ‌کس سرش توافق نداره.
۱۲ هفته پیش۴ دقیقهminoraxis.medium.com
