본문 바로가기

DEV/CSS

[WWDC 2021] Design for Safari 15

 

Design for Safari 15 - WWDC21 - Videos - Apple Developer

Meet Safari 15: redesigned and ready to help people explore the web. Discover how you can approach designing websites and apps for...

developer.apple.com

 

Theme Color

<meta name="theme-color" content="컬러값">

 

Safe area 확장

https://developer.mozilla.org/en-US/docs/Web/CSS/env() 

 

env() - CSS: Cascading Style Sheets | MDN

The env() CSS function can be used to insert the value of a user agent-defined environment variable into your CSS, in a similar fashion to the var() function and custom properties. The difference is that, as well as being user-agent defined rather than use

developer.mozilla.org

 

https://webkit.org/blog/7929/designing-websites-for-iphone-x/

 

Designing Websites for iPhone X

The section below about safe area insets was updated on Oct 31, 2017 to reflect changes in the iOS 11.2 beta.

webkit.org

 

 

og:video

 

 

-webkit- css properties

 

Form Controls

 

반응형