Microsoft and Google have joined forces to simplify the lives of web developers when creating websites. The primary challenge faced by web developers is ensuring their websites function consistently across various web browsers. This collaboration, known as #Compat2021, focuses on addressing five key areas related to browser compatibility issues. These areas include CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms. The project also extends an invitation to web developers to contribute to its efforts.
Chrome Developers announced on Monday that Microsoft and Google have jointly introduced #Compat2021 to tackle the significant challenges web developers encounter in ensuring compatibility across different browsers. Google outlined these five primary issues in a blog post on Google Developers, which were identified through the Web Developer Satisfaction (DevSAT) project. The project also encourages the web developer community to report bugs or missing features they come across.
1. **CSS Flexbox:** This tool assists developers in aligning images on webpages, but the auto-align function sometimes malfunctions, resulting in incorrectly proportioned images on different browsers.
2. **CSS Grid:** An enhancement is needed to enable animated grid layouts on Chromium and WebKit, as Gecko already supports this feature.
3. **CSS position: sticky:** This feature helps position and fix content on webpages, and improvements will bring greater consistency across browsers.
4. **Aspect-ratio:** Developers seek to fix aspect-ratio to maintain a consistent height-to-width ratio for various elements on webpages.
5. **CSS transforms:** Enhancements in this area will ensure consistency in 3D effects and animations across different browsers.
Microsoft and Google are collaborating to resolve issues in the Chromium engine, which will benefit both Chrome and Edge browsers. If you wish to stay updated on these developments, you can monitor progress on the Compat 2021 dashboard.