خلاصه ای از همه اعلامیه های کلیدی از اجلاس برنامه نویس کروم 2021، همراه با پیوندهایی که برای کسب اطلاعات بیشتر به آن نیاز دارید.
این پست تمام اعلان‌های کلیدی اجلاس کروم Dev Summit 2021 را با پیوندهایی که برای کسب اطلاعات بیشتر نیاز دارید، جمع‌آوری می‌کند.
وب را تعامل پذیرتر کنید
سازگاری وب یکی از بزرگ‌ترین چالش‌ها برای توسعه‌دهندگان وب است، و بنابراین Google با سایر تولیدکنندگان مرورگر کار کرده است تا پنج نقطه اصلی مشکل سازگاری را برطرف کند: flexbox ، شبکه ، position: sticky ، aspect-ratio و تبدیل‌ها .
کار قبلاً منجر به بهبود در این زمینه های کلیدی شده است. می‌توانید در مورد آنها در به‌روزرسانی میانسالی Compat 2021 بخوانید.
به کلاس‌های جدید برنامه‌ها اجازه دهید در وب اجرا شوند
Project Fugu تلاشی است که هدف آن اجازه دادن به کلاس های جدیدی از برنامه های کاربردی در وب است. می‌توانید در fugu-tracker.web.app از پیشرفت در APIهای Fugu به‌روز باشید.
Adobe اخیراً اعلام کرده است که فتوشاپ را به وب می آورد، شاهکاری که با همکاری Adobe، Google و سازمان های استاندارد وب امکان پذیر شد. در پست سفر فتوشاپ به وب بیشتر بیاموزید.
حفظ حریم خصوصی
بسیاری از توابع متداول وب به کوکی‌های شخص ثالث و سایر مکانیسم‌های ردیابی بین سایتی متکی هستند که با حفظ حریم خصوصی طراحی نشده‌اند، و این امر باعث می‌شود توسعه‌دهندگان نتوانند نیاز روزافزون به حفظ حریم خصوصی را برآورده کنند.
ما با جامعه وب و سهامداران صنعت برای توسعه فناوری‌های جدید حفظ حریم خصوصی برای حمایت از اکوسیستم، با هدف حذف تدریجی کوکی‌های شخص ثالث و کاهش ردیابی پنهان و اثرانگشت مرورگر، کار می‌کنیم.
در سایت Privacy Sandbox با این کار آشنا شوید. ما همچنین اطلاعات و راهنمای پیشنهادات برای توسعه دهندگان ، به روز رسانی ماهانه یا تغییرات و پیشرفت ، و اطلاعاتی در مورد جدول زمانی و جزئیات آزمایش برای تغییرات در رشته عامل کاربر داریم.
Core Web Vitals را بهبود بخشید
ما با توسعه‌دهندگان چارچوب‌های محبوب جاوا اسکریپت برای بهبود Core Web Vitals کار کرده‌ایم و به عنوان بخشی از این کار، دو معیار جدید را شناسایی کرده‌ایم که از بازخورد شما در مورد آنها خوشحال می‌شویم. درباره پاسخگویی و روان بودن کلی بخوانید، سپس نظر خود را به ما بگویید.
همچنین یک نسخه به روز شده از PageSpeed Insights ، یک پنل ضبط جدید برای Chrome DevTools که در حال حاضر در Canary در دسترس است و یک API جریان کاربر جدید برای Lighthouse اعلام شده است.
ویژگی های جدید پلت فرم وب را فعال کنید
RenderingNG یک بازسازی جاه‌طلبانه موتور رندر کرومیوم است، پروژه‌ای که باگ‌های قدیمی کروم را برطرف می‌کند و همچنین ویژگی‌های جدید را باز می‌کند. این شامل یکی از ویژگی‌هایی است که برای سال‌ها بیشترین درخواست از سوی توسعه‌دهندگان وب بوده است - عبارت‌های جستجوی کانتینر .
پرس و جوهای کانتینر برای هر کسی که تا به حال از پرس و جوی رسانه ای برای ایجاد یک طرح پاسخگو استفاده کرده است آشنا به نظر می رسد. با این حال، در جست‌وجوی اندازه ویوپورت، آنها به شما امکان می‌دهند اندازه محفظه‌ای را که جزء شما در آن است جستجو کنید. Google روی اجرای آزمایشی مشخصات در حال ظهور، پشت پرچم #enable-container-queries در کروم کار می‌کند.
یک پست وبلاگی را که RenderingNG را با جزئیات پوشش می‌دهد بخوانید، یا این ویدیو را تماشا کنید تا تمام جزئیات کلیدی را در مورد نحوه باز کردن اجرای ویژگی‌هایی که زمانی تصور می‌شد غیرممکن بود، به دست آورید.
به شما در ایجاد سایت های زیبا و واکنش گرا کمک می کند
طراحی جدید پاسخگو بسیار بیشتر از اندازه صفحه نمایش یا ظرف است. شما می توانید در دوره آموزش طراحی ما یاد بگیرید که چگونه سایت های واکنش گرا مدرن ایجاد کنید. پنج ماژول اول امروز راه اندازی می شوند، بقیه در هفته های آینده ارسال خواهند شد.
ویژگی‌های جدید CSS امسال در کروم و سایر مرورگرها آمده است تا ایجاد تجربه‌های زیبا را آسان‌تر کند. درباره accent-color و size-adjust بیشتر بیاموزید.
برای کمک به شما در استفاده سریع از CSS جدید، مجموعه‌ای از الگوهای طرح‌بندی را راه‌اندازی کرده‌ایم. اینها یک نقطه شروع قوی برای بسیاری از الگوهای رابط مشترک به شما می دهد.
دوره هایی را برای کمک به یادگیری فناوری وب ارائه دهید
علاوه بر Learn Design، ما در حال راه اندازی ماژول های جدید برای Learn CSS هستیم، دوره جامع CSS ما که اوایل امسال راه اندازی شد.
ما همچنین یک دوره کامل را ایجاد کرده ایم که به شما در طراحی فرم های کاربردی و قابل دسترس کمک می کند— Forms Learn . همراه با این دوره ها، می توانید چند ماژول اول Learn PWA را بیابید.