فرانتاند
- چطور OLX جلوی آپلودهای تکراری بین تبها رو گرفت
آپلود فایل ۲۰ گیگابایتی که با بستن تب قطع نشه یک عارضهٔ جانبی داشت: هر تب سعی میکرد همون آپلود رو از سر بگیره. راهحل تیم OLX یک mutex داخل خود مرورگر بود.
۳ هفته پیش۴ دقیقهtech.olx.com - وقتی همهچی معتبر به نظر میرسه، هیچی معتبر نیست
هوش مصنوعی رابطهٔ بین «معتبر به نظر رسیدن» و «معتبر بودن» رو قطع کرد. بارت کراوچیک تعریف میکنه چطور بهجای چسبوندن برچسب، اعتماد رو مثل یه سیستم طراحی کردن.
۳ هفته پیش۵ دقیقهblog.logrocket.com - کجا باید aria-expanded بذاریم؟
قبل از اینکه aria-expanded بذاری، اول باید بدونی با کدوم الگو طرفی — و گاهی جواب، نذاشتنِ ARIA و استفاده از یه المان بومی HTMLه.
۳ هفته پیش۳ دقیقهpiccalil.li - نمایش HTML توی ریاکت نیتیو بدون WebView
کتابخونه @native-html/render محتوای HTML رو مستقیم به ویوهای نیتیو iOS و اندروید تبدیل میکنه، بدون اینکه سراغ WebView بره.
۳ هفته پیش۲ دقیقهgithub.com - گیت سیتی، پروفایلت بهشکلِ ساختمانِ سهبعدی
هر پروفایلِ گیتهاب یه ساختمانِ پیکسلآرت میشه که ارتفاعش به تعدادِ کامیتهاته؛ میتونی تو شهر پرواز کنی و بینِ توسعهدهندهها بگردی.
۳ هفته پیش۲ دقیقهgithub.com - قانونهای طراحی بصری که همیشه جواب میدن
آنتونی هابدی فهرستی از قانونهای کمریسک طراحی جمع کرده — از «مشکی و سفید خالص نزن» تا «بلر سایه رو دو برابر فاصلهش بذار».
۳ هفته پیش۴ دقیقهanthonyhobday.com - توصیههای شغلی رک و بیرودربایستی برای طراحها
چرا خیلی از توصیههای شغلی طراحی بهدرد آدم نمیخورن، و یه نگاه عملی و گاهی بدبینانه به اینکه بقیه واقعاً از روی چی قضاوت میکنن که تو طراح خوبی هستی.
- مرورگر داخلی Claude Code چه کاری رو راحت میکنه
این دیگه یه fetch ساده نیست؛ یه نشست مرورگر واقعیه که صفحه رو کامل رندر میکنه، اسکرینشات میگیره و میتونه روی همون تصویر به اجزا اشاره کنه.
۳ هفته پیش۴ دقیقهmindstudio.ai - مرورگرت با ریاضی لو میده روی چه سیستمعاملیای
از کروم ۱۴۸ به بعد، Math.tanh نتیجه رو از کتابخانهٔ ریاضی خود سیستمعامل میگیره؛ همین چند بیت آخر کافیه تا ضدبات بفهمه User-Agent باهاش روراست نیست.
۳ هفته پیش۴ دقیقهscrapfly.dev - Web Locks API: وقتی چند تب باید با هم هماهنگ بشن
اگه اپ وبت تو چند تب باز باشه، کدومشون باید داده رو سینک کنه؟ این API مرورگر یک قفل نامدار میده تا فقط یکی برندهٔ کار بشه و بقیه صف بکشن.
۳ هفته پیش۴ دقیقهdeveloper.mozilla.org - unwasm: وباسمبلی رو مثل یه ماژول معمولی ایمپورت کن
پروژهٔ unjs یه راه استاندارد برای کار با WebAssembly تو جاوااسکریپت درست کرده: فایل .wasm رو ایمپورت میکنی و بقیهش — پیدا کردن importها و ساختن بایندینگ — سر بیلد انجام میشه.
۳ هفته پیش۲ دقیقهgithub.com - Topcoat؛ فریمورک فولاستک برای Rust
تیم Tokio یه فریمورک فولاستک آزمایشی منتشر کرده که همهچی رو سمت سرور رندر میکنه، ولی تعامل مرورگر رو بدون باندل wasm و بدون بیلد سمت کلاینت میده.
- بازنویسی یه دموی ۲۰۱۴ با CSS امروزی
کریس کویر سراغ یکی از دموهای قدیمی خودش رفته که با jQuery حالت چسبیدن یه اینپوت سرچ رو تشخیص میداد و این بار همهچی رو فقط با CSS درآورده.
۳ هفته پیش۳ دقیقهmaster.dev - چرا پلیفیلها هنوز برای وب خوبن
یه ویراستار بانفوذ استانداردهای وب گفته پلیفیلها مضرن؛ لیا وِرو مخالفه و توضیح میده چرا پلیفیلها برای وب یه سود خالصان و حذفشون نیازشونو از بین نمیبره.
۳ هفته پیش۳ دقیقهlea.verou.me - ساخت و انتشار یه سایت با حالت Work مدل ChatGPT
فاصلهٔ «یه سایت برای استودیوم بساز» تا یه صفحهٔ واقعاً قابلانتشار، بیشتر تو پرامپته تا تو مدل. این راهنما اون فاصله رو با یه ساختار ساده پر میکنه.
۳ هفته پیش۴ دقیقهmindstudio.ai - Persona: ویجت چت هوش مصنوعی برای هر سایتی
یه ویجت چت متنباز با TypeScript که هیچ وابستگی به فریمورک نداره، با هر بکاند SSE کار میکنه و از استریم و صدا تا تأیید ابزارها و آرتیفکت رو پوشش میده.
۳ هفته پیش۳ دقیقهgithub.com - shadcn/ui حالا بهصورت پیشفرض روی Base UI میره
پروژههای جدید shadcn/ui از این به بعد پیشفرض روی Base UI ساخته میشن، ولی Radix همچنان کامل پشتیبانی میشه و نیازی به مهاجرت نیست.
۳ هفته پیش۳ دقیقهui.shadcn.com - Formisch؛ کتابخونهٔ فرم سبک و کاملاً type-safe
Formisch یه کتابخونهٔ فرم متنباز و ماژولاره که روی کارایی، type-safety و حجم باندل کم تمرکز داره و روی چند فریمورک جاوااسکریپت کار میکنه.
۳ هفته پیش۲ دقیقهformisch.dev - CORS یه قفل مرورگره، نه محافظ سرور
خیلیها فکر میکنن CORS از سرور محافظت میکنه، ولی در واقع یه قانون مرورگره که تصمیم میگیره جاوااسکریپت جوابِ یه درخواست بیندامنهای رو بخونه یا نه.
- Shadify: توصیف رابط کاربری با زبان ساده، تحویل کد ریاکت
یه پروژهٔ متنباز از CopilotKit که توصیف انگلیسی ساده رو تبدیل به یه صفحهٔ زندهٔ shadcn/ui میکنه و بعد میذاره همون رو بهشکل کد تمیز ریاکت خروجی بگیری.
۳ هفته پیش۲ دقیقهgithub.com
