فرانت‌اند
- انیمیشن پلکانیِ قابل اسکراب فقط با 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 - نجات هزاران آیکون GIF از پشت یه ایمیج‌مپ سمت سرور
یه آرشیو آیکون از دههٔ نود پشت ایمیج‌مپ سمت سرور قفل شده بود و هیچ آدرسی از فایل‌ها بیرون نبود؛ راه باز کردنش حدس زدن هندسهٔ شبکه بود.
۱۱ هفته پیش۳ دقیقهdanq.me - hihtml؛ چاقوی همه‌کارهٔ کیفیت HTML
یه ابزار خط فرمان که اعتبارسنجی HTML، تشخیص تگ‌های منسوخ، پیدا کردن لینک‌های خراب و مینیفای رو یکجا جمع کرده و بدون نصب هم با npx اجرا می‌شه.
۱۱ هفته پیش۲ دقیقهgithub.com - Next.js 16.3 اومد؛ تا ۹۰٪ رم کمتر در حالت dev
نسخهٔ ۱۶.۳ بدون هیچ تغییری تو کد اپ، مصرف حافظهٔ سرور توسعه رو تا ۹۰ درصد پایین می‌آره و بیلد و رندر سمت سرور رو سریع‌تر می‌کنه؛ کنارش هم بستهٔ اختیاری Instant Navigations اومده.
۱۱ هفته پیش۳ دقیقهnextjs.org - هوش مصنوعی داره زیبایی‌شناسی خودشو می‌سازه
هر موج تکنولوژی اصطلاح‌های بصری خودشو جا می‌ذاره؛ حالا نوبت افکت درخشش، متن استریمی و آیکون‌های ریزیه که دارن از اپ‌های هوش مصنوعی به بقیهٔ نرم‌افزارها سرریز می‌کنن.
۱۱ هفته پیش۲ دقیقهblog.jim-nielsen.com
