{"metadata":{"url":"https://css-tricks.com/","canonical":"https://css-tricks.com/","title":"CSS-Tricks - A Website About Making Websites","image":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png","author":"","description":"","keywords":"","source":"css-tricks.com","price":"","priceCurrency":"","availability":"","robots":"follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large","og:url":"https://css-tricks.com/","og:locale":"en_US","og:locale:alternate":"","og:title":"CSS-Tricks - A Website About Making Websites","og:type":"website","og:description":"","og:determiner":"","og:site_name":"CSS-Tricks","og:image":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png","og:image:secure_url":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png","og:image:type":"image/png","og:image:width":"1200","og:image:height":"628","twitter:title":"CSS-Tricks - A Website About Making Websites","twitter:image":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png","twitter:image:alt":"","twitter:card":"summary_large_image","twitter:site":"@CSS","twitter:site:id":"","twitter:account_id":"","twitter:creator":"@geoffreygraham","twitter:creator:id":"","twitter:player":"","twitter:player:width":"","twitter:player:height":"","twitter:player:stream":"","viewport":"width=device-width","theme-color":"#ff7a18","og:updated_time":"2026-03-13T07:01:48-06:00","og:image:alt":"Home","article:published_time":"2024-06-24T11:04:58-06:00","article:modified_time":"2026-03-13T07:01:48-06:00","msapplication-TileImage":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/07/star.png?fit=180%2C180&ssl=1","jsonld":{"@context":"https://schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https://css-tricks.com/#person","name":"CSS-Tricks","sameAs":["https://www.facebook.com/CSSTricks","https://twitter.com/CSS"]},{"@type":"WebSite","@id":"https://css-tricks.com/#website","url":"https://css-tricks.com","name":"CSS-Tricks","publisher":{"@id":"https://css-tricks.com/#person"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://css-tricks.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1","url":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1","width":"1200","height":"628","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://css-tricks.com/#webpage","url":"https://css-tricks.com/","name":"CSS-Tricks - A Website About Making Websites","datePublished":"2024-06-24T11:04:58-06:00","dateModified":"2026-03-13T07:01:48-06:00","about":{"@id":"https://css-tricks.com/#person"},"isPartOf":{"@id":"https://css-tricks.com/#website"},"primaryImageOfPage":{"@id":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://css-tricks.com/author/geoffgraham/","name":"Geoff Graham","url":"https://css-tricks.com/author/geoffgraham/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/a8e040142716a4b44d014d80fbcf99c635b1d8faabfe469b6954a8ef2f168595?s=96&d=retro&r=pg","url":"https://secure.gravatar.com/avatar/a8e040142716a4b44d014d80fbcf99c635b1d8faabfe469b6954a8ef2f168595?s=96&d=retro&r=pg","caption":"Geoff Graham","inLanguage":"en-US"},"sameAs":["https://geoffgraham.me","https://twitter.com/geoffreygraham"]},{"@type":"Article","headline":"CSS-Tricks - A Website About Making Websites","datePublished":"2024-06-24T11:04:58-06:00","dateModified":"2026-03-13T07:01:48-06:00","author":{"@id":"https://css-tricks.com/author/geoffgraham/","name":"Geoff Graham"},"publisher":{"@id":"https://css-tricks.com/#person"},"name":"CSS-Tricks - A Website About Making Websites","@id":"https://css-tricks.com/#richSnippet","isPartOf":{"@id":"https://css-tricks.com/#webpage"},"image":{"@id":"https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/12/default-social-css-tricks.png?fit=1200%2C628&ssl=1"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://css-tricks.com/#webpage"}}]}}}