فرانتاند
- ۷۳ درس از نوشتن برای میلیاردها کاربر
نیک دیلالو سالها برای محصولاتی با میلیاردها کاربر متن نوشته؛ حالا ۷۳ درسش رو منتشر کرده، از یکبار فرصت داشتن برای نامگذاری فیچر تا اثر اصلاح متن روی تیکتهای پشتیبانی.
- 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 - با animation-composition مقدارها رو دوباره ننویس
وقتی چند انیمیشن روی یه پراپرتی میافتن، آخری قبلیها رو کامل پاک میکنه. پرکتی سم نشون میده چطور میشه بهجای پاکشدن، مقدارها روی هم چیده بشن.
۲ هفته پیش۳ دقیقهmaster.dev - Ycode متنباز شد: سایتساز ویژوال با CMS
یه سایتساز ویژوال با CMS داخلی که تا حالا فقط ابری بود، کدش رو باز کرده؛ فورک کن، روی Vercel دیپلوی کن و با Supabase شروع کن.
۲ هفته پیش۲ دقیقهycode.com - تناستک دو کتابخونهٔ کوچیک برای محتوا منتشر کرد
یه صفحهٔ مستندات tanstack.com حدود ۱.۱ مگابایت اسکریپت میفرستاد که ۳۵۸ کیلوبایتش فقط برای رنگیکردن کد بود؛ حالا دو کتابخونهٔ آلفا اون بار رو به حدود ۲۷ کیلوبایت رسوندن.
۲ هفته پیش۴ دقیقهtanstack.com - قانون یاکوب تو عصر دستیارهای هوش مصنوعی
پاتریک نیمن میگه کارها دیگه از سایت و اپ شروع نمیشن، از دستیار شروع میشن؛ و این یعنی رابطی که کاربرت میبینه، مال تو نیست.
۲ هفته پیش۳ دقیقهuxdesign.cc - شیلدفونت: فونتی که اسکرپرهای هوش مصنوعی رو گمراه میکنه
یه فونت وب رایگان و متنباز که برای خوانندهٔ انسانی کاملاً عادیه، ولی توی سورس صفحه کلمهها رو عوض میکنه تا خزندههای هوش مصنوعی معنی اشتباه برداشت کنن.
۲ هفته پیش۳ دقیقهcreativebloq.com
