{"id":5748,"date":"2023-08-13T09:59:39","date_gmt":"2023-08-13T07:59:39","guid":{"rendered":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=5748"},"modified":"2023-08-13T09:59:39","modified_gmt":"2023-08-13T07:59:39","slug":"designing-for-the-notch","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=5748","title":{"rendered":"Designing for the notch"},"content":{"rendered":"<p><a href=\"https:\/\/fathomtech.io\/blog\/designing-react-web-applications-for-the-notch\/\" class=\"autohyperlink\" target=\"_blank\">fathomtech.io\/blog\/designing-react-web-application&#8230;<\/a><\/p>\n<p><a href=\"https:\/\/webkit.org\/blog\/7929\/designing-websites-for-iphone-x\/\" class=\"autohyperlink\" target=\"_blank\">webkit.org\/blog\/7929\/designing-websites-for-iphone&#8230;<\/a><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"KjDzgcaGjp\"><p><a href=\"https:\/\/benfrain.com\/how-to-get-the-value-of-phone-notches-environment-variables-env-in-javascript-from-css\/\">How to get the value of phone notches\/environment variables `env()` in JavaScript (from CSS)<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;How to get the value of phone notches\/environment variables `env()` in JavaScript (from CSS)&#8221; &#8212; Ben Frain\" src=\"https:\/\/benfrain.com\/how-to-get-the-value-of-phone-notches-environment-variables-env-in-javascript-from-css\/embed\/#?secret=Y22tFE0GNQ#?secret=KjDzgcaGjp\" data-secret=\"KjDzgcaGjp\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p><a href=\"https:\/\/kulturbanause.de\/blog\/websites-fuer-das-iphone-x-optimieren-weisse-balken-entfernen-viewport-anpassen-safe-area-festlegen\/\" class=\"autohyperlink\" target=\"_blank\">kulturbanause.de\/blog\/websites-fuer-das-iphone-x-o&#8230;<\/a><\/p>\n<p><a href=\"https:\/\/drafts.csswg.org\/css-round-display\/\" class=\"autohyperlink\" target=\"_blank\">drafts.csswg.org\/css-round-display\/<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>fathomtech.io\/blog\/designing-react-web-application&#8230; <a href=\"http:\/\/webkit.org\/blog\/7929\/designing-websites-for-iphone&#8230;\" class=\"autohyperlink\" target=\"_blank\">webkit.org\/blog\/7929\/designing-websites-for-iphone&#8230;<\/a> How to get the value of phone notches\/environment variables `env()` in JavaScript (from CSS) kulturbanause.de\/blog\/websites-fuer-das-iphone-x-o&#8230; <a href=\"http:\/\/drafts.csswg.org\/css-round-display\/\" class=\"autohyperlink\" target=\"_blank\">drafts.csswg.org\/css-round-display\/<\/a> &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/5748"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5748"}],"version-history":[{"count":1,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/5748\/revisions"}],"predecessor-version":[{"id":5749,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/5748\/revisions\/5749"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}