textlens یه پکیج Node.js بدون هیچ وابستگی خارجیه که تحلیل متن، خوانایی، احساسات، کلیدواژه و SEO رو یکجا انجام می‌ده.

۲۰ هفته پیش۳ دقیقهgithub.com

گوگل می‌گه llms.txt برای رتبه‌بندی در سرچ لازم نیست، ولی Lighthouse حالا چک می‌کنه این فایل روی سایتت هست یا نه.

۲۱ هفته پیش۳ دقیقهsearchengineland.com

مصاحبه‌ای صمیمی با مدیرعامل گوگل درباره تغییرات بزرگ در سرچ، نگرانی مردم از AI، و اینکه آیا Google Zero واقعی شده.

۲۱ هفته پیش۳ دقیقهtheverge.com

وقتی مدیرعامل اسم شرکتش رو توی ChatGPT سرچ می‌کنه و نتیجه خوبی نمی‌بینه، سریع تیم SEO رو مقصر می‌دونه — اما این اشتباه‌ترین واکنش ممکنه.

۲۲ هفته پیش۳ دقیقهproductledseo.com

فریمر ابزاری برای ساخت سایت‌های حرفه‌ای بدون نوشتن یک خط کده که تیم‌های طراحی و مارکتینگ رو از وابستگی به توسعه‌دهنده‌ها آزاد می‌کنه.

۲۲ هفته پیش۲ دقیقهframer.com

Infonomic UI Kit یه کیت رابط کاربری مبتنی بر CSS Modules هست که با هر فریم‌ورک فرانت‌اندی از جمله React، Vue، Svelte و Astro کار می‌کنه. فلسفه اصلیش اینه که Tailwind CSS جای خوبی برای کامپوننت‌لایبرری‌ها نیست و باید CSS ساختارمند و قابل‌اوورراید جایگزینش بشه. این کیت با CSS Cascade Layers کار می‌کنه تا استایل‌ها به‌راحتی توسط اپلیکیشن مصرف‌کننده اوورراید بشن. سیستم توکن طراحی‌شده‌ای داره که بر اساس intent و emphasis تعریف شده و با مفاهیمی مثل primary، danger، warning و غیره کار می‌کنه.

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

همون‌طور که یه دهه پیش باید روی گوگل دیده می‌شدی، حالا باید برای هوش مصنوعی خوانا باشی. llms.txt دقیقاً همین کار رو می‌کنه.

۲۳ هفته پیش۲ دقیقهhillms.com

پلتفرم وب این روزا با فیچرهای جدید و جالبی به‌روز شده که ارزش داره بهشون نگاه کنی. از تابع 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