Loading…
Check browser support for modern web features. Review the result before reusing it in another workflow.
| Feature | 🌐 | 🦊 | 🧭 | 🔷 | 🔴 | 🔵 | 📱 | 🤖 | Links |
|---|---|---|---|---|---|---|---|---|---|
CSS Grid Two-dimensional grid-based layout system | 57 | 52 | 10.1 | 16 | 44 | 10.3 | 57 | ||
CSS Flexbox One-dimensional layout method for arranging items | 29 | 28 | 9 | 12 | 17 | 11* | 9 | 4.4 | |
CSS Container Queries Style elements based on container size | 105 | 110 | 16 | 105 | 91 | 16 | 105 | ||
CSS :has() Selector Parent selector - select elements containing specific children | 105 | 121 | 15.4 | 105 | 91 | 15.4 | 105 | ||
CSS Subgrid Inherit grid tracks from parent grid | 117 | 71 | 16 | 117 | 103 | 16 | 117 | ||
Fetch API Modern interface for fetching resources | 42 | 39 | 10.1 | 14 | 29 | 10.3 | 42 | ||
ES6 Modules Native JavaScript module system | 61 | 60 | 11 | 16 | 48 | 11 | 61 | ||
Async/Await Syntactic sugar for Promises | 55 | 52 | 10.1 | 15 | 42 | 10.3 | 55 | ||
Web Components Custom reusable HTML elements | 67 | 63 | 10.1 | 79 | 54 | 10.3 | 67 | ||
WebSocket Full-duplex communication channels | 16 | 11 | 7 | 12 | 12.1 | 10 | 7 | 4.4 | |
Service Workers Background scripts for offline functionality | 45 | 44 | 11.1 | 17 | 32 | 11.3 | 45 | ||
WebGL 2.0 3D graphics rendering API | 56 | 51 | 15 | 79 | 43 | 15 | 56 | ||
WebGPU Next-gen graphics and compute API | 113 | 113 | 99 | ||||||
View Transitions API Smooth transitions between DOM states | 111 | 111 | 97 | 111 | |||||
Intersection Observer Observe visibility changes of elements | 58 | 55 | 12.1 | 16 | 45 | 12.2 | 58 |