فرانتاند
- بهبود تدریجی فرمها با htmx
یه توسعهدهنده تعریف میکنه چطور فرم ویرایش بوکمارک سایتش رو جوری ساخته که بدون جاوااسکریپت هم کار کنه و htmx فقط یه لایهی اضافه روش باشه.
۱ هفته پیش۳ دقیقهrafa.ee - LiquidGlass؛ افکت شیشهٔ مایع برای وب
یه کتابخونهٔ متنباز جاوااسکریپت با شیدرهای WebGL شکست نور، بلور و پاشش رنگ رو روی هر المان HTML پیاده میکنه؛ نتیجهش خیلی به شیشهٔ مایع اپل نزدیکه.
۱ هفته پیش۳ دقیقهgithub.com - رجیستری اسکوپشده: یک اسم برای چند کامپوننت
کروم ۱۴۶ رجیستری اسکوپشدهٔ المانهای سفارشی رو آورده؛ حالا میتونی دو نسخهٔ متفاوت از یه کامپوننت رو با یه تگ مشترک توی یه صفحه کنار هم بذاری.
۱ هفته پیش۳ دقیقهmaster.dev - پریمیشن: استودیوی موشن متنباز روی WebGPU
یه ابزار موشنگرافیک دسکتاپ که همهچی رو روی GPU رندر میکنه، سورسش زیر AGPL بازه و خروجیهاش دقیقاً تکرارپذیرن؛ فعلاً هم نسخهٔ ۰.۱.۰ و تو بتاست.
۱ هفته پیش۳ دقیقهpremation.com - Qwen 3.8 Max زیر تست عملی
بزرگترین مدل علیبابا تو تستهای واقعی، تو طراحی رابط کاربری درخشید ولی یه جا برای فرار از کار سخت، راه میانبر زد.
۱ هفته پیش۳ دقیقهmindstudio.ai - وسطچین کردن div؛ اینبار وسطِ واقعیِ پنجره
وسطچین کردن یه المان با CSS امروز بیشتر از چند خط نیست، ولی اگه سایدبار مرورگر باز باشه اون وسط، وسطِ پنجره نیست. یه توسعهدهنده دنبال حل همین ایراد رفت و به ترفندی با رویداد اشارهگر رسید.
۱ هفته پیش۳ دقیقهseg6.space - جنریتیو UI: سه مدل ساختن رابط با هوش مصنوعی
چتباتها دارن از جوابهای صرفاً متنی عبور میکنن و بهجاش کامپوننت میسازن. این اسلایدها سه دستهٔ اصلی ساخت رابط با مدل رو با دو دموی واقعی مقایسه میکنه.
۱ هفته پیش۳ دقیقهboda.sh - expo-paperkit: مارکآپ نیتیو اپل برای React Native
یه کتابخونهٔ تازه اجازه میده اپهای React Native از موتور مارکآپ خود اپل استفاده کنن؛ کشیدن با اپل پنسیل، شکل و کادر متن، بدون نوشتن کد نیتیو.
۱ هفته پیش۲ دقیقهgithub.com - هفت راه برای سریعتر کردن سایت
کاربر تا حدود دو ثانیه صبر میکنه و بعدش میره؛ این راهنما نشون میده کدوم معیارها رو باید اندازه گرفت و با چه تکنیکهایی میشه زمان بارگذاری سایت رو پایین آورد.
۱ هفته پیش۲ دقیقهwebflow.com - واحد lh؛ وقتی فاصلهها با متن جور میشن
احمد شدید چند تا کاربرد جالب از واحد lh رو نشون میده؛ از فاصلهٔ بین پاراگرافها تا خطهای کاغذی و محدود کردن ارتفاع به تعداد خط.
۱ هفته پیش۳ دقیقهishadeed.com - CSS Type Studio: آزمایشگاه تایپوگرافی پیشرفتهٔ CSS
یه ابزار تحت وب که خصوصیات کماستفادهٔ تایپوگرافی CSS مثل small caps، لیگاچر و فرمهای عددی رو روی متن نمونه بهصورت زنده اعمال میکنه.
۱ هفته پیش۲ دقیقهcsstypestudio.com - ۵ عادت که نمیذاره Tailwind CSS بهم بریزه
تیم Evil Martians میگه Tailwind فقط وقتی جواب میده که پروژه دیزاینسیستم و ساختار کامپوننتی داشته باشه؛ بعدش پنج عادت ساده جلوی شلوغ شدن کلاسها رو میگیره.
۱ هفته پیش۳ دقیقهevilmartians.com - Comark؛ مارکداونی که کامپوننت و استریم میفهمه
یه موتور مارکداون که هم کامپوننتهای ریاکت و ویو رو داخل متن میشناسه، هم متن نیمهتمام خروجی هوش مصنوعی رو موقع استریم درست رندر میکنه.
۱ هفته پیش۲ دقیقهcomark.dev - Blossom Carousel: کروسل بدون بازنویسی اسکرول
بیشتر کتابخونههای کروسل اسکرول مرورگر رو کنار میذارن و از نو میسازن. Blossom Carousel برعکس عمل میکنه و روی دستگاههای لمسی اصلاً لود نمیشه.
۱ هفته پیش۲ دقیقهgithub.com - MapLibre React Native: نقشهٔ متنباز توی اپ موبایل
این کتابخانه که از دل rnmapbox جدا شده، به اپهای ریاکت نیتیو اجازه میده روی اندروید و iOS با موتور نیتیو MapLibre نقشه بسازن.
۱ هفته پیش۲ دقیقهgithub.com - ادیتور متن غنی و کاملاً نیتیو برای ریاکت نیتیو
تیم Software Mansion یه کتابخونهٔ ریاکت نیتیو منتشر کرده که ورودی متن غنی رو کاملاً نیتیو پیاده میکنه، خروجیش HTML هست و روی اندروید، iOS و وب کار میکنه.
۱ هفته پیش۳ دقیقهgithub.com - Legend-Motion؛ انیمیشن اعلانی برای React Native
یه کتابخونهٔ انیمیشن که بهجای ساختن دستی انیمیشن، فقط استایل مقصد رو ازت میگیره و خودش گذار رو میسازه؛ APIش هم عمداً شبیه Framer Motion طراحی شده.
۱ هفته پیش۲ دقیقهgithub.com - مینیمالیسم مُرد؛ حالا نوبت شخصیته
تیم تابیک میگه مینیمالیسم قرار نبود مقصد باشه، یه درس دهساله دربارهٔ ساختار بود؛ حالا که درس یاد گرفته شده، طراحی داره عمق و بافت و شخصیت رو برمیگردونه.
۱ هفته پیش۳ دقیقهtubikstudio.com - چند درصد مرورگرها واقعاً WebGPU دارن؟
سایت Web3D Survey دادههای واقعی مرورگرها رو جمع میکنه تا بگه WebGL، WebGL 2 و WebGPU چقدر پشتیبانی میشن؛ فاصلهٔ WebGPU با بقیه هنوز زیاده.
۱ هفته پیش۲ دقیقهweb3dsurvey.com - Window Columns به Perspective اضافه شد
حالا میشه تو Perspective ستونی ساخت که مقدارش از یک پنجرهٔ متحرک روی دادهها میاد — مثل میانگین ۱۰ ردیف آخر — بدون اینکه داده رو بیرون از موتور پیشپردازش کنی.
