-
What’s new in CSS
Explore the latest advancements in CSS. Learn techniques and best practices for working with wide-gamut color, creating gorgeous typography, and writing simple and robust code. We'll also peer into the future and preview upcoming layout and typography features.
Recursos
- Safari Technology Preview
- Safari Release Notes
- WebKit Open Source Project
- Web Inspector Reference
- Submit feedback
- MDN Web Docs - Web Extensions API
Videos relacionados
WWDC23
- Explore media formats for the web
- Meet Safari for spatial computing
- Rediscover Safari developer features
- What’s new in web apps
- What’s new in Web Inspector
WWDC22
-
Buscar este video…
-
-
2:49 - Masonry layout, example 1
main { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); grid-template-rows: masonry; } -
3:20 - Masonry layout, example 2
main { display: grid; grid-template-columns: 1fr 2fr 3fr; grid-template-rows: masonry; } -
3:24 - Masonry layout, example 3
main { display: grid; grid-template-columns: 10rem 1fr minmax(100px, 300px); grid-template-rows: masonry; } -
5:28 - Margin trim
.card { background-color: #fcf5e7; padding: 2rlh; margin-trim: block; } h2, p { margin: 1rlh 0; } -
7:25 - Color gamut media query
.card { background-color: #fcf5e7; padding: 2rlh; margin-trim: block; } h2, p { margin: 1rlh 0; }
-