مدیا کوئری‌های کلاسیک با min-width و max-width یه مشکل آزاردهنده دارن: وقتی دو کوئری با یه مقدار breakpoint یکسان به هم می‌رسن، می‌تونن همزمان فعال بشن و لایه‌بندی رو خراب کنن. راه‌حل قدیمی اینه که مقدار یکی از breakpointها رو یه پیکسل جابه‌جا کنی، ولی با چند breakpoint این کار پیچیده می‌شه. مدیا کوئری‌های Range که بخشی از Media Queries Level 4 هستن، با استفاده از عملگرهای مقایسه‌ای مثل این مشکل رو به شکل خواناتری حل می‌کنن. این قابلیت از مارس ۲۰۲۳ در تمام مرورگرهای اصلی پشتیبانی می‌شه و می‌شه

۲۳ هفته پیشishadeed.com

گوگل یه API به اسم Prompt API رو علی‌رغم مخالفت صریح موزیلا، وب‌کیت و W3C TAG به بهانه «علاقه توسعه‌دهنده‌ها» شیپ کرده. این API فعلاً فقط با مدل Gemini Nano گوگل کار می‌کنه و استفاده ازش مستلزم موافقت با سیاست‌های استفاده خود گوگله. از طرفی کروم بدون اجازه کاربر یه مدل ۴ گیگابایتی رو دانلود کرده و هر وب‌سایتی می‌تونه بدون درخواست مجوز، پرامپت‌هایی به این مدل بفرسته. نویسنده این اتفاق رو شرم‌آورترین زورگویی در تاریخ استانداردهای وب می‌دونه.

d3-3d یه کتابخانه جاوااسکریپتی‌ه که بهت اجازه می‌ده داده‌های سه‌بعدی رو مستقیماً توی مرورگر و با استفاده از d3.js رندر کنی. این کتابخانه از پروجکشن ارتوگرافیک استفاده می‌کنه تا داده‌های سه‌بعدی رو روی صفحه‌ی SVG نمایش بده. شکل‌هایی مثل مثلث، مکعب، خط، پلیگون، گریدپلین و غیره پشتیبانی می‌شن و همه‌شون یه API مشترک دارن. پشتیبانی کامل از TypeScript هم یکی از ویژگی‌های کلیدی این پروژه‌ست که نیاز به نصب تایپ‌های جداگانه نداره.

۲۳ هفته پیشgithub.com

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

۲۳ هفته پیشmacrumors.com

از متا و ایکس گرفته تا Airbnb، Uber، Spotify، OpenAI و حتی دیزنی — همه دارن به سمت ساختن یه «سوپر اپ» حرکت می‌کنن. ایده ساده‌ست: یه اپ واحد که همه چیز رو پوشش بده، درست مثل WeChat در چین. ولی این مدل در بازارهای غربی بارها شکست خورده. پیچیدگی، تجربه کاربری ضعیف و عادت مردم به اپ‌های تک‌منظوره، اصلی‌ترین دیوارهایی هستن که جلوی این رویا رو می‌گیرن. شاید هوش مصنوعی این بار فرق ایجاد کنه — یا نکنه.

۲۳ هفته پیشspyglass.org

Tool UI یه مجموعه کامپوننت ری‌اکت کپی/پیستیه که برای نمایش فراخوانی ابزارها (tool calls) در رابط‌های چت هوش مصنوعی طراحی شده. بیشتر اپ‌ها وقتی مدل یه ابزار فراخوانی می‌کنه، JSON خام رو توی مکالمه نشون می‌دن؛ Tool UI این پیلودها رو به UI‌های تعاملی مثل فرم، جدول، نمودار، و کارت تأیید تبدیل می‌کنه. این پروژه از مدل shadcn/ui پیروی می‌کنه، یعنی کامپوننت‌ها مستقیم داخل کدبیس شما زندگی می‌کنن و هیچ وابستگی اضافه‌ای نداره. هر کامپوننت یه اسکیما Zod داره و روی shadcn/ui و Tailwind ساخته شده.

۲۳ هفته پیشgithub.com

گوگل با همکاری XPRIZE و Range Media Partners یک مسابقه جهانی فیلم‌سازی به نام Future Vision XPRIZE راه‌اندازی کرده که جایزه‌اش ۳.۵ میلیون دلاره. شرکت‌کننده‌ها باید فیلم‌های کوتاه یا تریلرهایی بسازن که آینده‌ای خوش‌بینانه و فناوری‌محور رو به تصویر بکشن. گوگل به‌عنوان شریک فناوری خلاقانه، به برنده نهایی کمک می‌کنه تا فیلم کوتاه ۳ دقیقه‌ایش رو به یک فیلم بلند تبدیل کنه. مهلت ثبت‌نام تا ۱۵ اوت ۲۰۲۶ بازه.

۲۳ هفته پیشblog.google

فایرفاکس یه استاندارد جدید به اسم WAICT معرفی کرده که می‌خواد مشکل اعتماد به سرور در اپ‌های وب رو حل کنه. ایده اصلی اینه که کد سمت کلاینت به یه مانیفست رمزنگاری‌شده گره بخوره و اون مانیفست توی یه لاگ عمومی قابل بازرسی ثبت بشه. اگه سروری کد دست‌کاری‌شده‌ای ارسال کنه، مرورگر اون رو رد می‌کنه. این قابلیت الان به صورت پروتوتایپ توی Firefox Nightly در دسترسه و موزیلا داره با شرکای بزرگی مثل Cloudflare و Meta روش کار می‌کنه.

این مقاله یه سیستم ردیابی هویت کاربر رو بدون نیاز به احراز هویت توضیح می‌ده که با تولید یه شناسه تصادفی (userPseudoId) کار می‌کنه. این شناسه به‌ترتیب در localStorage، sessionStorage و کوکی ذخیره می‌شه تا حتی اگه یه روش در دسترس نبود، اطلاعات از دست نره. شناسه‌ها تاریخ انقضا دارن و بعد از مدت معین، به‌طور خودکار پاک و دوباره تولید می‌شن. این رویکرد برای سایت‌هایی که می‌خوان رفتار کاربران ناشناس رو ردیابی کنن خیلی مفیده.

۲۳ هفته پیشthenewstack.io

پلتفرم وب خیلی از بهترین APIهایش را از خودش در نیاورده — از کتابخانه‌هایی که توسعه‌دهنده‌ها سال‌ها در پروژه‌های واقعی ازشون استفاده کردن کپی کرده. jQuery، Bootstrap، Lodash و امثالشون ایده‌هایی رو آزمایش کردن که بعداً مستقیم وارد استانداردهای مرورگر شدن. از `querySelector` گرفته تا `classList` و متدهای آرایه و رشته، همه ریشه در این کتابخانه‌ها دارن. این مقاله نگاهی به تبارشناسی APIهایی می‌کنه که هر روز باهاشون کار می‌کنیم.

۲۳ هفته پیشjadjoubran.io

یه عملیات فیشینگ پیچیده کشف شده که از سرویس AppSheet گوگل به عنوان رله ارسال ایمیل استفاده می‌کنه. این ایمیل‌ها کاملاً معتبر به نظر می‌رسن چون SPF، DKIM و DMARC همه تأیید می‌کنن که فرستنده واقعاً گوگله. قربانیان اغلب صاحبان صفحات بیزنسی فیس‌بوک هستن که با پیام‌های ترسناک مثل «حساب شما غیرفعال می‌شه» به سمت صفحات جعلی هدایت می‌شن. محققان Guardio حدود ۳۰ هزار قربانی رو شناسایی کردن و رد عملیات رو به یه گروه ویتنامی رسوندن.

وقتی هزینه‌ی ایتریشن صفر می‌شه، تیم‌ها می‌تونن تا ابد نمونه‌های جدید بسازن — بدون اینکه بدونن کِی باید وایسن. یه طراح UX در یه استارتاپ هوش مصنوعی با این مشکل دست‌وپنجه نرم می‌کرد: اون و یه استیک‌هولدر به‌طور موازی روی یه طراحی کار می‌کردن، هر کدوم با ابزارهای AI خروجی‌های صیقلی می‌ساختن، ولی هیچ‌کدوم نمی‌دونستن «بهتر» یعنی چی. راه‌حل سه‌تا عادت ساده‌ست: قبل از هر پرامپت، نتیجه‌ی مشخصی تعریف کن؛ معیار توقف رو از اول بنویس؛ و یه تست طراحی کن که فرضیه‌ات رو به چالش بکشه. در دنیایی که همه ابزار دار

تست نوشتن برای پروژه‌های فرانت‌اند بدون Node یا هر runtime سمت سرور دیگه‌ای یه چالش قدیمیه. توی این مقاله نویسنده نشون می‌ده که چطور می‌شه کامپوننت‌های Vue رو مستقیم توی تب مرورگر با کمک QUnit تست کرد. با یه تابع mountComponent، داده‌های fixture و یه waitFor() ساده، می‌شه تست‌های integration واقعی نوشت بدون اینکه به Playwright یا ابزارهای سنگین نیاز داشت.

۲۴ هفته پیشjvns.ca

Anime.js یه کتابخونه‌ی سبک و قدرتمند جاوااسکریپته که باهاش می‌تونی هر چیزی روی وب رو انیمیت کنی. از ترنسفورم‌های CSS و مسیرهای SVG گرفته تا اسکرول سینک و درگ‌اند‌دراپ فنری، همه‌چیز با یه API یکپارچه مدیریت می‌شه. حجم کل باندل فقط حدود ۲۴ کیلوبایته و به‌صورت ماژولاره، پس فقط همون چیزی رو import می‌کنی که نیاز داری.

۲۴ هفته پیشanimejs.com

React Universe Summit یه رویداد تخصصی برای مهندسان و معماران React Native‌ه که ۲۳ ژوئن ۲۰۲۶ در نیویورک برگزار می‌شه. محور اصلی این کنفرانس، تقاطع هوش مصنوعی با اکوسیستم React Native‌ه؛ از توسعه با کمک AI گرفته تا CI هوشمند، تست خودکار، و استراتژی OTA. بلندپایه‌هایی از JPMorgan Chase، DirecTV، Amazon، و React Foundation در این رویداد سخنرانی می‌کنن. برنامه‌ی کنفرانس روی تصمیم‌گیری‌های واقعی مهندسین ارشد تمرکز داره و session‌ها بر اساس داده‌های production طراحی شدن.

۲۴ هفته پیشreactuniverse.com

Anime.js از نسخه ۴.۴.۰ یه قابلیت جدید به اسم scrambleText اضافه کرده که بهت اجازه می‌ده متن رو با یه افکت باحال «کاراکتر به کاراکتر» نمایش بدی — درست مثل صحنه‌های هک تو فیلم‌ها! این ابزار به عنوان یه مقدار tween مستقیماً توی متد animate() استفاده می‌شه. کافیه scrambleText() رو روی خاصیت innerHTML ست کنی تا انیمیشن درهم‌ریختن و آشکار شدن تدریجی متن فعال بشه. استفاده از innerHTML به جای textContent توصیه می‌شه چون scrambleText داخلی از فاصله‌های غیرشکننده HTML استفاده می‌کنه.

۲۴ هفته پیشanimejs.com

opentype.js یه کتابخونه جاوااسکریپتیه که بهت اجازه می‌ده مستقیماً به شکل حروف فونت‌ها دسترسی داشته باشی، هم توی مرورگر و هم توی Node.js. با این ابزار می‌تونی متن رو به مسیرهای بزیه تبدیل کنی، کرنینگ و لیگاتور رو مدیریت کنی، و حتی فونت‌های رنگی و ایموجی رو پشتیبانی کنی. فرمت‌های WOFF، OTF و TTF همگی ساپورت می‌شن و نصبش هم از طریق npm یا CDN خیلی سادست.

۲۴ هفته پیشgithub.com

سال ۲۰۲۶ برای برنامه‌نویس‌ها یه دوره عجیب و بی‌سابقه‌ست. ابزارهایی مثل Claude Code الان می‌تونن کل یه پروژه نرم‌افزاری رو فقط با پرامپت‌های زبان طبیعی بنویسن، بدون اینکه برنامه‌نویس حتی یه خط کد دستی بزنه. این اتفاق باعث شده دو دسته احساس کاملاً متضاد در جامعه برنامه‌نویس‌ها شکل بگیره: یه عده هیجان‌زده‌ان که حالا می‌تونن خیلی سریع‌تر بسازن، و یه عده نگرانن که سال‌ها مهارت‌آموزیشون داره بی‌ارزش می‌شه. Anthropic با دیدن این موج تصمیم گرفت ابزار Claude Cowork رو در فقط ۱۰ روز بسازه تا همین قابلیت‌ه

۲۴ هفته پیشamontalenti.com

TanStack Form یه کتابخونه‌ی جدید برای مدیریت فرم‌هاست که مثل بقیه‌ی ابزارهای TanStack، روی تایپینگ قوی و پرفورمنس تمرکز داره. با یه هوک ساده فرمت رو تعریف می‌کنی، ولیدیشن رو در مراحل مختلف (مثل submit یا blur) تنظیم می‌کنی، و چون هدلس طراحی شده، خودت می‌تونی هر UI دلخواهی رندر کنی. آرایه‌ها، مقادیر وابسته به هم، و state های کامل فیلد مثل isTouched و isDirty هم به خوبی پشتیبانی می‌شن.

۲۴ هفته پیشfrontendmasters.com

حملات زنجیره تامین به npm داره بیشتر و خطرناک‌تر می‌شه. Axios با بیش از ۱۰۰ میلیون دانلود هفتگی آخرین قربانی بود. یه مفهوم ساده به اسم «dependency cooldown» می‌تونه جلوی بخش بزرگی از این حملات رو بگیره. ابزارهایی مثل npm، pnpm، Yarn و Dependabot الان این قابلیت رو دارن که نصب پکیج‌های تازه‌منتشرشده رو برای مدت مشخصی به تعویق بندازن.

۲۴ هفته پیشsecuritylabs.datadoghq.com