فرانت‌اند
- ساخت scrollspy فقط با CSS، بدون یه خط جاوااسکریپت
با scroll-target-group و چندتا pseudo-class جدید، مرورگر خودش می‌فهمه کدوم بخش صفحه جلوی چشمته و لینکش رو تو فهرست مطالب هایلایت می‌کنه.
۱ هفته پیش۴ دقیقهblog.master.dev - Statable؛ جایگزین ساده و بدون کوکی برای Google Analytics
یه سرویس آنالیتیکس اروپایی که کوکی نمی‌ذاره، بنر رضایت لازم نداره و داده‌های قبلی GA4 رو هم برات وارد می‌کنه.
۱ هفته پیش۳ دقیقهstatable.com - تامبنیل‌ها: یه قول کوچیک درباره‌ی هر کلیک
چرا عکس‌های کوچیک پیش‌نمایش این‌قدر تو انتخاب کاربر اثر دارن و کجا خراب می‌شن؟ ۱۴ قانون ساده برای طراحی تامبنیل، از جمله وقتی AI خودش عکس رو می‌سازه.
۱ هفته پیش۳ دقیقهuxtigers.com - رابط کاربری خلوت چی رو پنهون می‌کنه؟
یه آیکون بوکمارک که فقط با hover دیده می‌شه تمیز به نظر میاد، ولی برای کاربر تازه‌کار کلی کار ذهنی می‌سازه. Karl Koch با یه مثال ساده اینو باز می‌کنه.
۱ هفته پیش۳ دقیقهkarlkoch.me - Cap: کپچای متن‌باز و self-hosted به‌جای reCAPTCHA
یه کپچای ۲۰ کیلوبایتی که روی سرور خودت اجرا می‌شه، پازل تصویری نشون نمی‌ده و هیچ داده‌ای از کاربرها به شرکت دیگه‌ای نمی‌فرسته.
- env.style: هر محیط Next.js با رنگ و آیکون خودش
یه پکیج کوچیک که با یه خط کانفیگ، برای development و preview و staging رنگ یا favicon جدا می‌ذاره تا همیشه بدونی کجایی.
۱ هفته پیش۲ دقیقهenv.style - lift-html: وب‌کامپوننت‌های خیلی سبک برای HTML سمت سرور
یه کتابخونهٔ ریز که به جای رندر کردن صفحه، فقط به HTMLی که سرور فرستاده تعامل اضافه می‌کنه؛ بدون class و با پشتیبانی از HMR.
۱ هفته پیش۳ دقیقهgithub.com - Markdy: دیاگرام معماری که حرکت می‌کنه
Markdy یه زبان متنی متن‌بازه که دیاگرام معماری رو به انیمیشن داخل مرورگر تبدیل می‌کنه و حتی با MCP به Claude و Cursor وصل می‌شه.
۱ هفته پیش۲ دقیقهmarkdy.com - مقایسهٔ دقیق کتابخونه‌های schema validation
سایت Schema Benchmarks کتابخونه‌هایی مثل zod و valibot و arktype رو از حجم bundle تا سرعت parse و کیفیت تایپ‌های TypeScript کنار هم مقایسه می‌کنه.
۱ هفته پیش۳ دقیقهschemabenchmarks.dev - TanStack Start 1.0 رسماً پایدار شد
فریم‌ورک فول‌استک TanStack بعد از دورهٔ طولانی RC به نسخهٔ پایدار رسید؛ با تعهد رسمی به APIها، تجربهٔ تلخ RSC و نقش type safety برای ایجنت‌ها.
۱ هفته پیش۳ دقیقهtanstack.com - Skia Canvas: همون Canvas API مرورگر، ولی توی Node.js
با Skia Canvas می‌تونی همون کدهای Canvas مرورگر رو سمت سرور اجرا کنی و ازش PNG، PDF یا SVG بگیری، یا حتی تو یه پنجرهٔ واقعی دسکتاپ انیمیشن نشون بدی.
۱ هفته پیش۳ دقیقهskia-canvas.org - caniname: چک کردن آزاد بودن اسم پروژه تو NPM و Netlify
Bramus یه ابزار خط فرمان کوچیک ساخته که با یه دستور بهت می‌گه اسم پروژه‌ت هنوز روی NPM و Netlify آزاده یا نه.
۱ هفته پیش۲ دقیقهbram.us - شروع انیمیشن با اسکرول، فقط با CSS
با دو پراپرتی جدید CSS می‌شه گفت انیمیشن کی شروع بشه وقتی المنت وارد صفحه می‌شه، بدون این‌که سرعت اسکرول کاربر روش اثر بذاره.
۱ هفته پیش۳ دقیقهutilitybend.com - وب روی iPhone Duo: تیم Video.js سراغ APIهای گوشی تاشو رفت
یکی از توسعه‌دهنده‌های Video.js آخر هفته‌ش رو گذاشته تا ببینه وب‌دولوپرها روی گوشی تاشوی اپل به چه APIهایی دسترسی دارن و آیا می‌شه پلیر شبیه Netflix ساخت.
۱ هفته پیش۳ دقیقهvideojs.org - Base UI نسخهٔ 1.9.0 منتشر شد
نسخهٔ جدید کتابخونهٔ Base UI یه قابلیت فیلتر برای منوها آورده و ده‌ها باگ ریز در Drawer، Combobox و Select رو رفع کرده.
۱ هفته پیش۲ دقیقهbase-ui.com - فایرفاکس 158 منتشر شد: JPEG XL پیش‌فرض و تقسیم واحدها در calc()
نسخهٔ جدید فایرفاکس حالا JPEG XL رو بدون تنظیم خاصی نشون می‌ده و توی CSS می‌شه دو مقدار با واحد متفاوت رو بر هم تقسیم کرد.
۱ هفته پیش۳ دقیقهdeveloper.mozilla.org - reseter.css نسخهٔ 3.0.1 با @layer و پراپرتی‌های منطقی اومد
یه CSS reset جمع‌وجور که حالا کل قوانینش رو تو یه لایهٔ جدا می‌ذاره تا استایل‌های پروژه بی‌دردسر روش بشینن.
۱ هفته پیش۲ دقیقهikrishg.github.io - رندر کامنت‌های تودرتو با تگ جدید marker در HTML
یه قابلیت آزمایشی جدید تو Chromium اجازه می‌ده HTML رو بی‌ترتیب بفرستی و مرورگر خودش هر تیکه رو سر جاش بذاره؛ برای کامنت‌های تودرتو عالیه.
۱ هفته پیش۲ دقیقهdaverupert.com - چرا یه طراح وب بعد از ۲۰ سال سراغ WebP رفت
نویسنده‌ای که سال‌ها از WebP دل خوشی نداشت، حالا با یه ابزار بهتر فهمیده این فرمت حجم عکس‌ها رو از JPEG و PNG هم کمتر می‌کنه.
۱ هفته پیش۲ دقیقهanderegg.ca - lazy loading بومی مرورگر: یه attribute ساده که کمتر کسی درست ازش استفاده می‌کنه
با یه attribute ساده و بدون JavaScript می‌شه عکس‌ها و iframeهای پایین صفحه رو دیرتر لود کرد، ولی خیلی از سایت‌ها یا ازش استفاده نمی‌کنن یا اشتباه به کارش می‌برن.
۱ هفته پیش۳ دقیقهcalibreapp.com
