فرانت‌اند
- ghostty-web؛ موتور ترمینال Ghostty توی مرورگر
تیم Coder موتور ترمینال Ghostty رو با WASM آورده توی مرورگر؛ APIش با xterm.js سازگاره، پس مهاجرت فقط عوض کردن خط import ـه.
۵ هفته پیش۲ دقیقهgithub.com - rich-input؛ سرچ‌باکسی که فیلترها رو می‌فهمه
یه وب‌کامپوننت بومی که کاربر توش هم متن آزاد می‌نویسه هم فیلتری مثل year:2026، و مقدارها همون‌جا داخل خود input رنگی می‌شن؛ همهٔ تنظیماتش هم با datalist انجام می‌شه.
۵ هفته پیش۳ دقیقهrich-input.netlify.app - یادگارهای عجیب CSS از دوران Internet Explorer
یه زمانی برای اینکه صفحه تو همهٔ مرورگرها درست دیده بشه، باید از باگ‌های parser و ویژگی‌های اختصاصی IE کمک می‌گرفتی. این پست مروری روی همین ترفندهاست.
۵ هفته پیش۴ دقیقهvale.rocks - wterm؛ ترمینالی که مستقیم توی DOM رندر می‌شه
یه ترمینال تحت وب که خروجی‌شو با المان‌های واقعی صفحه می‌سازه، پس انتخاب متن و سرچ مرورگر خودبه‌خود کار می‌کنه. هسته‌ش هم با Zig نوشته شده.
۵ هفته پیش۲ دقیقهwterm.dev - تابع progress() در CSS و منطق شرطی
progress() یه عدد بین ۰ و ۱ می‌ده، ولی همین که مقدارهای بیرون بازه رو به ۰ یا ۱ می‌چسبونه، می‌شه ازش مثل یه فلگ درست/غلط برای استایل شرطی استفاده کرد.
۵ هفته پیش۳ دقیقهblog.master.dev - astro-webmcp؛ سایت Astro رو به ایجنت‌های AI وصل کن
WebMCP یه استاندارد پیشنهادی کرومه که سایت خودش ابزارهاش رو به ایجنت معرفی می‌کنه. این افزونهٔ Astro با یه خط کانفیگ، جست‌وجو و ناوبری و متادیتای سایت رو در اختیارش می‌ذاره.
۵ هفته پیش۳ دقیقهgithub.com - Frappe Builder؛ سایت بساز، یک‌کلیک منتشر کن
یک سایت‌ساز low-code با ادیتوری شبیه Figma که ایجنت هوش مصنوعی‌ش به جای حدس زدن، کامپوننت‌ها و تم سایت خودت رو می‌خونه و ازشون استفاده می‌کنه.
۵ هفته پیش۳ دقیقهgithub.com - neat-annotations: یادداشت دست‌نویس فقط با CSS
یه فایل CSS که با اضافه‌کردن یک کلاس، دور هر تیکه متنی فلش و یادداشت دست‌نویس می‌کشه؛ نه جاوااسکریپت می‌خواد نه SVGی که خودت بسازی.
۵ هفته پیش۲ دقیقهneat-annotations.syabro.com - Front-End Checklist دوباره راه افتاد
پروژهٔ قدیمی چک‌لیست فرانت‌اند با یه سایت بتا برگشته: بیشتر از ۳۵۰ قانون تو ۱۱ دسته، چک‌لیست‌های آماده، و یه سرور MCP که همین قانون‌ها رو به Claude و Cursor وصل می‌کنه.
۵ هفته پیش۲ دقیقهfrontendchecklist.io - slideVars: متغیرهای CSS رو زنده تنظیم کن
کدپن یه کتابخونهٔ کوچیک منتشر کرده که متغیرهای CSS صفحه رو پیدا می‌کنه و برای هرکدوم اسلایدر یا انتخابگر رنگ می‌ذاره تا زنده باهاشون بازی کنی.
۵ هفته پیش۳ دقیقهgithub.com - هندزون‌تیبل: جدول دادهٔ آماده برای وب‌اپ
ساختن جدول دادهٔ سریع و درست تو وب خیلی سخت‌تر از چیزیه که به نظر می‌رسه؛ Handsontable یه کامپوننت آماده‌ست که تجربه‌ای شبیه اکسل می‌ده و این دردسرها رو از دوش تیم برمی‌داره.
۵ هفته پیش۲ دقیقهhandsontable.com - mastodon-post: پست ماستودون رو تو سایتت جا بده
یه وب‌کامپوننت کوچیک که لینک یه پست ماستودون رو می‌گیره و همون‌جا خود پست رو با متن و آمار ریپلای و ریپست نشون می‌ده.
۵ هفته پیش۲ دقیقهgithub.com - وسط‌چین کردن آیکون کنار متن چندخطی
وقتی متن آیتم لیست دوخطی می‌شه، آیکون کنارش وسط می‌افته و بد به نظر می‌رسه. احمد شادید نشون می‌ده چطور با واحد lh افست درست رو حساب کنیم که با هر فونت و سایزی جواب بده.
۵ هفته پیش۳ دقیقهishadeed.com - Webflow Conf 2026: کانواس بریک‌پوینتی و کامپوننت تو CMS
Webflow تو اولین Builder Keynote خودش ویرایش بصری کامپوننت‌های AI، کامپوننت داخل CMS و کانواسی که همهٔ بریک‌پوینت‌ها رو کنار هم نشون می‌ده معرفی کرد.
۵ هفته پیش۳ دقیقهwebflow.com - چرا JPEG XL جای وب نیست
جانی روساتو که خودش سال‌ها از JPEG XL دفاع می‌کرد، حالا با بنچمارک و دلیل فنی می‌گه این فرمت چیزی به مرورگرها اضافه نمی‌کنه و جاش بیرون از وبه.
۵ هفته پیش۳ دقیقهgiannirosato.com - ۶ اشتباه رایج تو نام‌گذاری Design Token
یه اسم ضعیف برای توکن فقط جست‌وجو رو سخت نمی‌کنه؛ ریفکتور رو گرون می‌کنه و توکن تکراری می‌سازه. این مقاله شش خطای رایج و راه دور زدنشون رو می‌گه.
۵ هفته پیش۳ دقیقهdesigntokens.substack.com - انتقاد به WCAG 3: الزام‌های اختیاری به درد نمی‌خورن
پیش‌نویس تازه‌ی WCAG 3 سطح‌های برنز، نقره و طلا رو آورده تا شرکت‌ها از حداقل دسترس‌پذیری فراتر برن. نویسنده می‌گه این سطح‌ها عملاً هیچ انگیزه‌ای نمی‌سازن.
۵ هفته پیش۳ دقیقهyatil.net - interactive-widget به WebKit رسید
وقتی کیبورد مجازی موبایل باز می‌شه، نوار ثابت پایین صفحه زیرش گم می‌شه. WebKit حالا interactive-widget رو پیاده کرده که کنترل این رفتار رو می‌ده دست توسعه‌دهنده.
۵ هفته پیش۲ دقیقهbram.us - ds.css؛ ظاهر نینتندو DS توی مرورگر
یه فریم‌ورک CSS که رابط کاربری کنسول DS و DS Lite رو بازسازی می‌کنه، با نسخه‌ای که فقط داخل یه div خاص اعمال می‌شه تا بقیهٔ صفحه دست‌نخورده بمونه.
۵ هفته پیش۲ دقیقهgithub.com - Capsule: اپلیکیشنی که مثل یه فایل جابه‌جا می‌شه
Capsule کل یه برنامه، از رابط کاربری تا دیتابیس، رو تو یه فایل می‌ریزه که می‌شه مثل PDF تو واتساپ فرستادش. ساختن خود برنامه هم با پرامپت به هوش مصنوعیه.
۵ هفته پیش۲ دقیقهwithcapsule.app
