پلتفرم وب این روزا با فیچرهای جدید و جالبی به‌روز شده که ارزش داره بهشون نگاه کنی. از تابع CSS جدید contrast-color() برای انتخاب خودکار رنگ با کنتراست مناسب گرفته تا Math.sumPrecise() جاوااسکریپت که جمع اعداد رو بدون افت دقت انجام می‌ده. همچنین فیچرهایی مثل Custom Highlights برای استایل‌دهی به رنج‌های متنی بدون نیاز به عنصر اضافه، و Iterator.concat() برای زنجیر کردن iteratorها در دسترس همه مرورگرها قرار گرفتن. در کنار اینا، یه سری فیچر قدیمی‌تر هم به مرحله «در دسترس گسترده» رسیدن که پشتیبانی کام

۲۰ اردیبهشتweb-platform-dx.github.io

در نشست اخیر کمیته مشورتی W3C، یه جلسه فرعی درباره تهدیدات وب باز برگزار شد. کراولرهای مدل‌های زبانی بزرگ (LLM) حجم ترافیکی شبیه به حملات DDOS روی سایت‌ها ایجاد می‌کنن و از طرف دیگه، محتوا به‌جای مراجعه مستقیم کاربر، از طریق هوش مصنوعی مصرف می‌شه که درآمد ناشران رو تهدید می‌کنه. شرکت‌کنندگان پیشنهادهایی مثل استانداردهای پرداخت و انتساب، مدل push برای محتوا، و درگیرکردن شرکت‌های هوش مصنوعی در فرآیندهای استانداردسازی W3C مطرح کردن. همه با این تحلیل موافق نبودن و برخی معتقدند عوامل هوش مصنوعی می‌تو

۲۰ اردیبهشتhidde.blog

@vtbag یه مجموعه‌ی جامع از ابزارها، نکات و ترفندهاست که کار با View Transition API مرورگر رو راحت‌تر و حرفه‌ای‌تر می‌کنه. برخلاف astro-vtbot که مخصوص پروژه‌های Astro بود، این پکیج کاملاً فریم‌ورک‌آگنوستیک طراحی شده. ابزارهایی مثل Inspection Chamber برای دیباگ تعاملی، Turn Signal برای تفکیک انیمیشن‌های رفت و برگشت، و Element Crossing برای انتقال state بین صفحات از مهم‌ترین امکانات این مجموعه‌ان. هدف اصلی @vtbag اینه که توسعه‌دهنده‌ها بتونن بدون نیاز به روتر سمت کلاینت، انتقال‌های بین صفحات رو صرف

۲۰ اردیبهشتvtbag.dev

Bagisto Next.js Commerce یه فریم‌ورک اپن‌سورس برای ساخت فروشگاه‌های آنلاین هدلس‌ه که روی Next.js سوار شده و از GraphQL API بگیستو تغذیه می‌کنه. این پروژه با استفاده از لایه‌بندی کشینگ و ISR، امتیاز ۱۰۰ از ۱۰۰ در Core Web Vitals رو به صورت مداوم حفظ می‌کنه. پشتیبانی از انواع محصول، چرخه خرید کامل، احراز هویت با NextAuth.js و بهینه‌سازی SEO از جمله قابلیت‌های اصلیشه. استقرار روی Vercel یا Netlify با یه دستور ممکنه و پروژه تحت لایسنس MIT کاملاً رایگانه.

۲۰ اردیبهشتgithub.com

سلکتور n of در CSS به ما اجازه می‌ده تعداد المان‌هایی که یه شرط مشخص رو دارن بشماریم. با ترکیب این قابلیت با pseudo-classهایی مثل :checked و :not(:placeholder-shown)، می‌شه یه اعتبارسنجی اولیه برای فرم‌ها پیاده کرد؛ مثلاً دکمه ارسال رو فقط وقتی فعال کرد که کاربر حداقل سه فیلد رو پر کرده باشه. این تکنیک کاملاً خالص CSS هست و نیازی به جاوااسکریپت نداره. البته یه باگ احتمالی در مرورگرهای WebKit (تا آوریل ۲۰۲۶) وجود داره که ممکنه نتایج متفاوتی بده.

۱۹ اردیبهشتfrontendmasters.com

گوگل داره نتایج جستجوی هوش مصنوعیش رو به‌روز می‌کنه و یه بخش جدید بهش اضافه می‌کنه که دیدگاه‌های عمومی از پلتفرم‌هایی مثل ردیت و فروم‌های آنلاین رو نشون می‌ده. جالب اینه که این بخش گاهی با برچسب «توصیه متخصص» (Expert Advice) نمایش داده می‌شه. علاوه بر این، قابلیت‌های دیگه‌ای مثل پیش‌نمایش لینک‌ها، بخش «کاوش بیشتر» و برچسب «مشترک» برای سایت‌های خبری هم داره اضافه می‌شه. هدف کلی گوگل اینه که کاربرها راحت‌تر به منابع و سازندگان محتوا دسترسی داشته باشن.

۱۹ اردیبهشتmacrumors.com

Oh Dear یه سرویس مانیتورینگ جامع برای وب‌سایت‌هاست که از آپتایم گرفته تا SSL، لینک‌های شکسته، پرفورمنس، DNS، دامنه، و حتی کرون‌جاب‌ها رو زیر نظر می‌گیره. وقتی مشکلی پیش میاد، از طریق ایمیل، SMS، Slack، Discord، PagerDuty و ده‌ها کانال دیگه بهت خبر می‌ده. این سرویس به تیم‌های فنی، توسعه‌دهنده‌ها و مارکترها کمک می‌کنه که قبل از کاربر از مشکلات سایتشون باخبر بشن.

docmd یه ابزار اپن‌سورس و بدون نیاز به کانفیگ هست که فایل‌های Markdown رو به یه سایت داکیومنتیشن حرفه‌ای تبدیل می‌کنه. بدون React، بدون فریم‌ورک، و فقط با یه دستور می‌شه یه سایت آماده برای پروداکشن ساخت. حجم JS اون زیر ۲۰ کیلوبایته، Lighthouse 100 می‌گیره، و جستجوی آفلاین هم داره. برای مقیاس‌های مختلف — از پروژه‌های اپن‌سورس تا ویکی‌های داخلی شرکت‌ها — مناسبه.

مرورگر برای نمایش هر صفحه‌ی وب، صدها لایه رو روی هم می‌ذاره و میلیون‌ها بار تصمیم می‌گیره هر پیکسل چه رنگی داشته باشه. این فرایند «کامپوزیتینگ» نام داره و بلند مودها بخش مهمی از اون هستن. در این مقاله یاد می‌گیریم کامپوزیتینگ دقیقاً چیه، اپراتورهای Porter-Duff چه نقشی دارن، و چطور می‌شه از بلند مودها در CSS برای ساخت افکت‌های جذاب استفاده کرد.

۱۰ اردیبهشتnik.digital

مت مارکیس، رئیس سابق گروه استانداردسازی تصاویر ریسپانسیو (RICG)، بعد از ۱۴ سال اعتراف می‌کنه که خودش هم از سینتکس srcset و sizes متنفر بوده. او که سال‌ها پرچم‌دار این استانداردها بود، حالا از یه قابلیت جدید در وب می‌گه که می‌تونه این کابوس قدیمی رو برای همیشه تموم کنه. تصاویر ریسپانسیو به عنوان یه مفهوم عالی بودن، ولی پیاده‌سازیشون برای توسعه‌دهنده‌ها همیشه دردسرساز بوده. حالا وقتشه که یه صفحه جدید ورق بخوره.

۱۰ اردیبهشتpiccalil.li