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