๐ก๐ฒ๐ ๐ช๐ฒ๐ฏ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ ๐ ๐ฎ๐ ๐ฎ๐ฌ๐ฎ๐ฒ
The web platform changes every month. May 2026 brought new tools in Chrome 148, Firefox 151, and Safari 26.5. These updates make your web apps faster and cleaner.
The :open pseudo-class now works in all major browsers. You style elements based on if they are open or closed. Use this for dialogs, date pickers, and dropdowns. It replaces old attribute hacks. Your code stays clean.
Container queries are simpler. You now use name-only queries. You do not need to define a container type. This makes responsive design easier for your components.
Firefox 151 adds style queries. You apply styles based on CSS variables on parent containers. This helps you build smart themes without JavaScript.
Chrome 148 adds lazy loading for video and audio. Use loading=lazy. Media loads only when it enters the viewport.
- Faster page loads
- Less bandwidth
- Better mobile speed
The Document Picture-in-Picture API is here. You create floating windows with custom HTML. Use this for:
- Music players
- Meeting controls
- Timers
- Stock trackers
Websites now talk to hardware. Chrome 148 adds Android support. Firefox 151 adds desktop support. Connect to:
- Arduino boards
- 3D printers
- Microcontrollers
Many tasks no longer need JavaScript workarounds. Modern CSS and native APIs handle the work. The web becomes a better app platform.
Source: https://dev.to/homayounmmdy/new-features-added-to-the-web-platform-in-may-2026-5b7a