CINXE.COM

<!DOCTYPE HTML> <html lang="en" class="front-end"> <head> <meta charset='UTF-8'> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="view-transition" content="same-origin" /> <link rel="stylesheet" href="https://chriscoyier.net/wp-content/themes/ChrisCoyierTheme9/style.css?version=367"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://chriscoyier.net/feed/"> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22256%22 height=%22256%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2220%22 fill=%22%23f8d773%22></rect><text x=%2250%%22 y=%2250%%22 dominant-baseline=%22central%22 text-anchor=%22middle%22 font-size=%2290%22>👨‍💻</text></svg>"> <meta property="fediverse:creator" content="@chriscoyier@front-end.social"> <title>Archives – Chris Coyier</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='preconnect' href='//i0.wp.com' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel='stylesheet' id='wp-block-library-css' href='https://c0.wp.com/c/6.7.2/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='details-summary-block-styles-css' href='https://chriscoyier.net/wp-content/plugins/details-summary-block/src/editor.css?ver=1.0.0' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <link rel='stylesheet' id='syntax-highlighting-code-block-theme-css' href='https://chriscoyier.net/wp-content/plugins/syntax-highlighting-code-block/vendor/scrivo/highlight-php/styles/default.css?ver=1.5.1' type='text/css' media='all' /> <style id='syntax-highlighting-code-block-inline-css' type='text/css'> .wp-block-code { border: 0; padding: 0; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } .wp-block-code > span { display: block; overflow: auto; } .shcb-language { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; word-break: normal; } .hljs { box-sizing: border-box; } .hljs.shcb-code-table { display: table; width: 100%; } .hljs.shcb-code-table > .shcb-loc { color: inherit; display: table-row; width: 100%; } .hljs.shcb-code-table .shcb-loc > span { display: table-cell; } .wp-block-code code.hljs:not(.shcb-wrap-lines) { white-space: pre; } .wp-block-code code.hljs.shcb-wrap-lines { white-space: pre-wrap; } .hljs.shcb-line-numbers { border-spacing: 0; counter-reset: line; } .hljs.shcb-line-numbers > .shcb-loc { counter-increment: line; } .hljs.shcb-line-numbers .shcb-loc > span { padding-left: 0.75em; } .hljs.shcb-line-numbers .shcb-loc::before { border-right: 1px solid #ddd; content: counter(line); display: table-cell; padding: 0 0.75em; text-align: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 1%; } .hljs > mark.shcb-loc { background-color: #ddf6ff; } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <link rel="https://api.w.org/" href="https://chriscoyier.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://chriscoyier.net/wp-json/wp/v2/pages/7990" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://chriscoyier.net/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://chriscoyier.net/archives/" /> <link rel='shortlink' href='https://chriscoyier.net/?p=7990' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://chriscoyier.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fchriscoyier.net%2Farchives%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://chriscoyier.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fchriscoyier.net%2Farchives%2F&format=xml" />   <meta property="og:type" content="article" /> <meta property="og:title" content="Archives" /> <meta property="og:url" content="https://chriscoyier.net/archives/" /> <meta property="og:description" content="Visit the post for more." /> <meta property="article:published_time" content="2022-12-26T22:23:33+00:00" /> <meta property="article:modified_time" content="2022-12-26T22:23:35+00:00" /> <meta property="og:site_name" content="Chris Coyier" /> <meta property="og:image" content="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=400%2C400&ssl=1" /> <meta property="og:image:width" content="400" /> <meta property="og:image:height" content="400" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <meta name="twitter:site" content="@chriscoyier" /> <meta name="twitter:text:title" content="Archives" /> <meta name="twitter:image" content="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=240%2C240&ssl=1" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="Visit the post for more." />  <link rel="icon" href="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=32%2C32&ssl=1" sizes="32x32" /> <link rel="icon" href="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=192%2C192&ssl=1" sizes="192x192" /> <link rel="apple-touch-icon" href="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=180%2C180&ssl=1" /> <meta name="msapplication-TileImage" content="https://i0.wp.com/chriscoyier.net/wp-content/uploads/2021/07/IsUISvAq_400x400.jpg?fit=270%2C270&ssl=1" /> </head> <body class="page-template page-template-archives page-template-archives-php page page-id-7990 jps-theme-ChrisCoyierTheme9"> <header class="site-header"> <div class="home-header-tile" id="homeHeaderTile" data-active-dot="1"> <div class="home-header-tile-photo"> <img id="chris" src="https://chriscoyier.net/wp-content/themes/ChrisCoyierTheme9/images/chris-1.jpg?cache=1" alt="Chris Coyier looking right at camera. Photograph is in the dramatic tin type black and white style."> </div> <div class="home-header-tile-name"> <div> <a href="/"> <div class="home-header-tile-name-chris" style="view-transition-name: tile-chris;">Chris</div> <div class="home-header-tile-name-coyier">Coyier</div> </a> </div> </div> <div class="home-header-dots"> <button data-dot="1" class="active">1</button> <button data-dot="2">2</button> <button data-dot="3">3</button> <button data-dot="4">4</button> </div> </div> <nav class="site-nav"> <p>The<br>Navigation</p> <a href="/interviews/">Interviews</a> <a href="/archives/">Archives</a> <a href="/speaking/">Speaking</a> <a href="/timeline/">Timeline</a> </nav> <search class="site-search"> <form method="get" action="/"> <div> <label for="s"> <span class="screen-reader-text"> Search 20 years of drivel... </span> </label> <input type="hidden" name="post_types" value="page"> <input value="" type="search" name="s" id="s" class="search-input" placeholder="Search 20 years of drivel..."> </div> </form> </search> </header> <div class="content"> <main> <div class="article-header"> <h1>Archives</h1> <div class="meta">this makes me old :(</div> </div> <ul class="month-list"> <li><a href='https://chriscoyier.net/2025/02/'>February 2025</a></li> <li><a href='https://chriscoyier.net/2025/01/'>January 2025</a></li> <li><a href='https://chriscoyier.net/2024/12/'>December 2024</a></li> <li><a href='https://chriscoyier.net/2024/11/'>November 2024</a></li> <li><a href='https://chriscoyier.net/2024/10/'>October 2024</a></li> <li><a href='https://chriscoyier.net/2024/09/'>September 2024</a></li> <li><a href='https://chriscoyier.net/2024/08/'>August 2024</a></li> <li><a href='https://chriscoyier.net/2024/07/'>July 2024</a></li> <li><a href='https://chriscoyier.net/2024/06/'>June 2024</a></li> <li><a href='https://chriscoyier.net/2024/05/'>May 2024</a></li> <li><a href='https://chriscoyier.net/2024/04/'>April 2024</a></li> <li><a href='https://chriscoyier.net/2024/03/'>March 2024</a></li> <li><a href='https://chriscoyier.net/2024/02/'>February 2024</a></li> <li><a href='https://chriscoyier.net/2024/01/'>January 2024</a></li> <li><a href='https://chriscoyier.net/2023/12/'>December 2023</a></li> <li><a href='https://chriscoyier.net/2023/11/'>November 2023</a></li> <li><a href='https://chriscoyier.net/2023/10/'>October 2023</a></li> <li><a href='https://chriscoyier.net/2023/09/'>September 2023</a></li> <li><a href='https://chriscoyier.net/2023/08/'>August 2023</a></li> <li><a href='https://chriscoyier.net/2023/07/'>July 2023</a></li> <li><a href='https://chriscoyier.net/2023/06/'>June 2023</a></li> <li><a href='https://chriscoyier.net/2023/05/'>May 2023</a></li> <li><a href='https://chriscoyier.net/2023/04/'>April 2023</a></li> <li><a href='https://chriscoyier.net/2023/03/'>March 2023</a></li> <li><a href='https://chriscoyier.net/2023/02/'>February 2023</a></li> <li><a href='https://chriscoyier.net/2023/01/'>January 2023</a></li> <li><a href='https://chriscoyier.net/2022/12/'>December 2022</a></li> <li><a href='https://chriscoyier.net/2022/11/'>November 2022</a></li> <li><a href='https://chriscoyier.net/2022/10/'>October 2022</a></li> <li><a href='https://chriscoyier.net/2022/09/'>September 2022</a></li> <li><a href='https://chriscoyier.net/2022/08/'>August 2022</a></li> <li><a href='https://chriscoyier.net/2022/07/'>July 2022</a></li> <li><a href='https://chriscoyier.net/2022/06/'>June 2022</a></li> <li><a href='https://chriscoyier.net/2022/05/'>May 2022</a></li> <li><a href='https://chriscoyier.net/2022/04/'>April 2022</a></li> <li><a href='https://chriscoyier.net/2022/03/'>March 2022</a></li> <li><a href='https://chriscoyier.net/2022/02/'>February 2022</a></li> <li><a href='https://chriscoyier.net/2022/01/'>January 2022</a></li> <li><a href='https://chriscoyier.net/2021/12/'>December 2021</a></li> <li><a href='https://chriscoyier.net/2021/11/'>November 2021</a></li> <li><a href='https://chriscoyier.net/2021/10/'>October 2021</a></li> <li><a href='https://chriscoyier.net/2021/09/'>September 2021</a></li> <li><a href='https://chriscoyier.net/2021/08/'>August 2021</a></li> <li><a href='https://chriscoyier.net/2021/07/'>July 2021</a></li> <li><a href='https://chriscoyier.net/2021/06/'>June 2021</a></li> <li><a href='https://chriscoyier.net/2021/05/'>May 2021</a></li> <li><a href='https://chriscoyier.net/2021/04/'>April 2021</a></li> <li><a href='https://chriscoyier.net/2021/03/'>March 2021</a></li> <li><a href='https://chriscoyier.net/2021/02/'>February 2021</a></li> <li><a href='https://chriscoyier.net/2021/01/'>January 2021</a></li> <li><a href='https://chriscoyier.net/2020/12/'>December 2020</a></li> <li><a href='https://chriscoyier.net/2020/11/'>November 2020</a></li> <li><a href='https://chriscoyier.net/2020/10/'>October 2020</a></li> <li><a href='https://chriscoyier.net/2020/09/'>September 2020</a></li> <li><a href='https://chriscoyier.net/2020/08/'>August 2020</a></li> <li><a href='https://chriscoyier.net/2020/07/'>July 2020</a></li> <li><a href='https://chriscoyier.net/2020/06/'>June 2020</a></li> <li><a href='https://chriscoyier.net/2020/05/'>May 2020</a></li> <li><a href='https://chriscoyier.net/2020/04/'>April 2020</a></li> <li><a href='https://chriscoyier.net/2020/03/'>March 2020</a></li> <li><a href='https://chriscoyier.net/2020/02/'>February 2020</a></li> <li><a href='https://chriscoyier.net/2020/01/'>January 2020</a></li> <li><a href='https://chriscoyier.net/2019/12/'>December 2019</a></li> <li><a href='https://chriscoyier.net/2019/11/'>November 2019</a></li> <li><a href='https://chriscoyier.net/2019/10/'>October 2019</a></li> <li><a href='https://chriscoyier.net/2019/09/'>September 2019</a></li> <li><a href='https://chriscoyier.net/2019/08/'>August 2019</a></li> <li><a href='https://chriscoyier.net/2019/07/'>July 2019</a></li> <li><a href='https://chriscoyier.net/2019/06/'>June 2019</a></li> <li><a href='https://chriscoyier.net/2019/05/'>May 2019</a></li> <li><a href='https://chriscoyier.net/2019/04/'>April 2019</a></li> <li><a href='https://chriscoyier.net/2019/03/'>March 2019</a></li> <li><a href='https://chriscoyier.net/2019/01/'>January 2019</a></li> <li><a href='https://chriscoyier.net/2018/11/'>November 2018</a></li> <li><a href='https://chriscoyier.net/2018/09/'>September 2018</a></li> <li><a href='https://chriscoyier.net/2018/08/'>August 2018</a></li> <li><a href='https://chriscoyier.net/2018/07/'>July 2018</a></li> <li><a href='https://chriscoyier.net/2018/06/'>June 2018</a></li> <li><a href='https://chriscoyier.net/2018/05/'>May 2018</a></li> <li><a href='https://chriscoyier.net/2018/04/'>April 2018</a></li> <li><a href='https://chriscoyier.net/2018/03/'>March 2018</a></li> <li><a href='https://chriscoyier.net/2018/02/'>February 2018</a></li> <li><a href='https://chriscoyier.net/2018/01/'>January 2018</a></li> <li><a href='https://chriscoyier.net/2017/12/'>December 2017</a></li> <li><a href='https://chriscoyier.net/2017/11/'>November 2017</a></li> <li><a href='https://chriscoyier.net/2017/10/'>October 2017</a></li> <li><a href='https://chriscoyier.net/2017/09/'>September 2017</a></li> <li><a href='https://chriscoyier.net/2017/08/'>August 2017</a></li> <li><a href='https://chriscoyier.net/2017/07/'>July 2017</a></li> <li><a href='https://chriscoyier.net/2017/06/'>June 2017</a></li> <li><a href='https://chriscoyier.net/2017/02/'>February 2017</a></li> <li><a href='https://chriscoyier.net/2017/01/'>January 2017</a></li> <li><a href='https://chriscoyier.net/2016/12/'>December 2016</a></li> <li><a href='https://chriscoyier.net/2016/11/'>November 2016</a></li> <li><a href='https://chriscoyier.net/2016/10/'>October 2016</a></li> <li><a href='https://chriscoyier.net/2016/09/'>September 2016</a></li> <li><a href='https://chriscoyier.net/2016/08/'>August 2016</a></li> <li><a href='https://chriscoyier.net/2016/07/'>July 2016</a></li> <li><a href='https://chriscoyier.net/2016/06/'>June 2016</a></li> <li><a href='https://chriscoyier.net/2016/05/'>May 2016</a></li> <li><a href='https://chriscoyier.net/2016/04/'>April 2016</a></li> <li><a href='https://chriscoyier.net/2016/03/'>March 2016</a></li> <li><a href='https://chriscoyier.net/2016/01/'>January 2016</a></li> <li><a href='https://chriscoyier.net/2015/12/'>December 2015</a></li> <li><a href='https://chriscoyier.net/2015/11/'>November 2015</a></li> <li><a href='https://chriscoyier.net/2015/10/'>October 2015</a></li> <li><a href='https://chriscoyier.net/2015/08/'>August 2015</a></li> <li><a href='https://chriscoyier.net/2015/07/'>July 2015</a></li> <li><a href='https://chriscoyier.net/2015/06/'>June 2015</a></li> <li><a href='https://chriscoyier.net/2015/05/'>May 2015</a></li> <li><a href='https://chriscoyier.net/2015/04/'>April 2015</a></li> <li><a href='https://chriscoyier.net/2015/03/'>March 2015</a></li> <li><a href='https://chriscoyier.net/2015/02/'>February 2015</a></li> <li><a href='https://chriscoyier.net/2015/01/'>January 2015</a></li> <li><a href='https://chriscoyier.net/2014/12/'>December 2014</a></li> <li><a href='https://chriscoyier.net/2014/11/'>November 2014</a></li> <li><a href='https://chriscoyier.net/2014/10/'>October 2014</a></li> <li><a href='https://chriscoyier.net/2014/09/'>September 2014</a></li> <li><a href='https://chriscoyier.net/2014/08/'>August 2014</a></li> <li><a href='https://chriscoyier.net/2014/07/'>July 2014</a></li> <li><a href='https://chriscoyier.net/2014/06/'>June 2014</a></li> <li><a href='https://chriscoyier.net/2014/05/'>May 2014</a></li> <li><a href='https://chriscoyier.net/2014/04/'>April 2014</a></li> <li><a href='https://chriscoyier.net/2014/03/'>March 2014</a></li> <li><a href='https://chriscoyier.net/2014/02/'>February 2014</a></li> <li><a href='https://chriscoyier.net/2014/01/'>January 2014</a></li> <li><a href='https://chriscoyier.net/2013/12/'>December 2013</a></li> <li><a href='https://chriscoyier.net/2013/11/'>November 2013</a></li> <li><a href='https://chriscoyier.net/2013/10/'>October 2013</a></li> <li><a href='https://chriscoyier.net/2013/09/'>September 2013</a></li> <li><a href='https://chriscoyier.net/2013/08/'>August 2013</a></li> <li><a href='https://chriscoyier.net/2013/07/'>July 2013</a></li> <li><a href='https://chriscoyier.net/2013/06/'>June 2013</a></li> <li><a href='https://chriscoyier.net/2013/05/'>May 2013</a></li> <li><a href='https://chriscoyier.net/2013/04/'>April 2013</a></li> <li><a href='https://chriscoyier.net/2013/03/'>March 2013</a></li> <li><a href='https://chriscoyier.net/2013/02/'>February 2013</a></li> <li><a href='https://chriscoyier.net/2013/01/'>January 2013</a></li> <li><a href='https://chriscoyier.net/2012/12/'>December 2012</a></li> <li><a href='https://chriscoyier.net/2012/11/'>November 2012</a></li> <li><a href='https://chriscoyier.net/2012/10/'>October 2012</a></li> <li><a href='https://chriscoyier.net/2012/09/'>September 2012</a></li> <li><a href='https://chriscoyier.net/2012/08/'>August 2012</a></li> <li><a href='https://chriscoyier.net/2012/07/'>July 2012</a></li> <li><a href='https://chriscoyier.net/2012/06/'>June 2012</a></li> <li><a href='https://chriscoyier.net/2012/05/'>May 2012</a></li> <li><a href='https://chriscoyier.net/2012/04/'>April 2012</a></li> <li><a href='https://chriscoyier.net/2012/03/'>March 2012</a></li> <li><a href='https://chriscoyier.net/2012/02/'>February 2012</a></li> <li><a href='https://chriscoyier.net/2012/01/'>January 2012</a></li> <li><a href='https://chriscoyier.net/2011/12/'>December 2011</a></li> <li><a href='https://chriscoyier.net/2011/11/'>November 2011</a></li> <li><a href='https://chriscoyier.net/2011/10/'>October 2011</a></li> <li><a href='https://chriscoyier.net/2011/09/'>September 2011</a></li> <li><a href='https://chriscoyier.net/2011/08/'>August 2011</a></li> <li><a href='https://chriscoyier.net/2011/07/'>July 2011</a></li> <li><a href='https://chriscoyier.net/2011/06/'>June 2011</a></li> <li><a href='https://chriscoyier.net/2011/05/'>May 2011</a></li> <li><a href='https://chriscoyier.net/2011/04/'>April 2011</a></li> <li><a href='https://chriscoyier.net/2011/03/'>March 2011</a></li> <li><a href='https://chriscoyier.net/2011/02/'>February 2011</a></li> <li><a href='https://chriscoyier.net/2011/01/'>January 2011</a></li> <li><a href='https://chriscoyier.net/2010/11/'>November 2010</a></li> <li><a href='https://chriscoyier.net/2010/10/'>October 2010</a></li> <li><a href='https://chriscoyier.net/2010/09/'>September 2010</a></li> <li><a href='https://chriscoyier.net/2010/08/'>August 2010</a></li> <li><a href='https://chriscoyier.net/2010/07/'>July 2010</a></li> <li><a href='https://chriscoyier.net/2010/06/'>June 2010</a></li> <li><a href='https://chriscoyier.net/2010/05/'>May 2010</a></li> <li><a href='https://chriscoyier.net/2010/04/'>April 2010</a></li> <li><a href='https://chriscoyier.net/2010/03/'>March 2010</a></li> <li><a href='https://chriscoyier.net/2010/02/'>February 2010</a></li> <li><a href='https://chriscoyier.net/2010/01/'>January 2010</a></li> <li><a href='https://chriscoyier.net/2009/12/'>December 2009</a></li> <li><a href='https://chriscoyier.net/2009/11/'>November 2009</a></li> <li><a href='https://chriscoyier.net/2009/10/'>October 2009</a></li> <li><a href='https://chriscoyier.net/2009/09/'>September 2009</a></li> <li><a href='https://chriscoyier.net/2009/08/'>August 2009</a></li> <li><a href='https://chriscoyier.net/2009/07/'>July 2009</a></li> <li><a href='https://chriscoyier.net/2009/06/'>June 2009</a></li> <li><a href='https://chriscoyier.net/2009/05/'>May 2009</a></li> <li><a href='https://chriscoyier.net/2009/04/'>April 2009</a></li> <li><a href='https://chriscoyier.net/2009/03/'>March 2009</a></li> <li><a href='https://chriscoyier.net/2009/02/'>February 2009</a></li> <li><a href='https://chriscoyier.net/2009/01/'>January 2009</a></li> <li><a href='https://chriscoyier.net/2008/12/'>December 2008</a></li> <li><a href='https://chriscoyier.net/2008/11/'>November 2008</a></li> <li><a href='https://chriscoyier.net/2008/10/'>October 2008</a></li> <li><a href='https://chriscoyier.net/2008/09/'>September 2008</a></li> <li><a href='https://chriscoyier.net/2008/08/'>August 2008</a></li> <li><a href='https://chriscoyier.net/2008/07/'>July 2008</a></li> <li><a href='https://chriscoyier.net/2006/05/'>May 2006</a></li> <li><a href='https://chriscoyier.net/2006/04/'>April 2006</a></li> <li><a href='https://chriscoyier.net/2006/03/'>March 2006</a></li> <li><a href='https://chriscoyier.net/2006/02/'>February 2006</a></li> <li><a href='https://chriscoyier.net/2006/01/'>January 2006</a></li> <li><a href='https://chriscoyier.net/2005/12/'>December 2005</a></li> </ul> </main> </div> <footer id="the-footer-ok"> <div class="footer-name"> <strong>Chris Coyier</strong> <em>Coming at ya live from Bend, Oregon. <a href="https://smashburgers.chriscoyier.net/">🍔</a> <a href="https://breakfast-burritos.chriscoyier.net/">🌯</a></em> </div> <a href="mailto:chriscoyier@gmail.com">chriscoyier@gmail.com</a> — <a href="https://email-is-good.com/">Email is good</a> — <a href="/feed/">RSS</a> <br> <a href="https://codepen.io/chriscoyier">CodePen</a> — <a href="https://front-end.social/@chriscoyier" rel="me">Mastodon</a> — <a href="https://github.com/chriscoyier">GitHub</a> — <a href="https://instagram.com/chriscoyier">Instagram</a> — <a href="https://www.threads.net/@chriscoyier">Threads</a> — <a href="https://bsky.app/profile/chriscoyier.net">Bluesky</a> <br> <a href="/random/">🔀</a> </footer> <div class="jetpack-instant-search__widget-area" style="display: none"> <div id="jetpack-search-filters-1" class="widget jetpack-filters widget_search"> <div id="jetpack-search-filters-1-wrapper" class="jetpack-instant-search-wrapper"> </div></div> </div> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://chriscoyier.net/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-assets/build/i18n-loader.js?minify=true&ver=becd7d9884bc1b331e45" id="wp-jp-i18n-loader-js"></script> <script type="text/javascript" id="wp-jp-i18n-loader-js-after"> /* <![CDATA[ */ wp.jpI18nLoader.state = {"baseUrl":"https://chriscoyier.net/wp-content/languages/","locale":"en_US","domainMap":{"jetpack-admin-ui":"plugins/jetpack","jetpack-assets":"plugins/jetpack","jetpack-boost-core":"plugins/jetpack","jetpack-boost-speed-score":"plugins/jetpack-social","jetpack-config":"plugins/jetpack-social","jetpack-connection":"plugins/jetpack","jetpack-explat":"plugins/jetpack","jetpack-ip":"plugins/jetpack-social","jetpack-jitm":"plugins/jetpack","jetpack-licensing":"plugins/jetpack","jetpack-my-jetpack":"plugins/jetpack","jetpack-password-checker":"plugins/jetpack","jetpack-plugins-installer":"plugins/jetpack-social","jetpack-post-list":"plugins/jetpack","jetpack-protect-models":"plugins/jetpack","jetpack-protect-status":"plugins/jetpack","jetpack-publicize-pkg":"plugins/jetpack","jetpack-sync":"plugins/jetpack","jetpack-backup-pkg":"plugins/jetpack","jetpack-blaze":"plugins/jetpack","jetpack-classic-theme-helper":"plugins/jetpack","jetpack-compat":"plugins/jetpack","jetpack-forms":"plugins/jetpack","jetpack-image-cdn":"plugins/jetpack","jetpack-import":"plugins/jetpack","jetpack-masterbar":"plugins/jetpack","jetpack-search-pkg":"plugins/jetpack","jetpack-stats":"plugins/jetpack","jetpack-stats-admin":"plugins/jetpack","jetpack-videopress-pkg":"plugins/jetpack","jetpack-waf":"plugins/jetpack","jetpack-wordads":"plugins/jetpack","woocommerce-analytics":"plugins/jetpack"},"domainPaths":{"jetpack-admin-ui":"jetpack_vendor/automattic/jetpack-admin-ui/","jetpack-assets":"jetpack_vendor/automattic/jetpack-assets/","jetpack-boost-core":"jetpack_vendor/automattic/jetpack-boost-core/","jetpack-boost-speed-score":"jetpack_vendor/automattic/jetpack-boost-speed-score/","jetpack-config":"jetpack_vendor/automattic/jetpack-config/","jetpack-connection":"jetpack_vendor/automattic/jetpack-connection/","jetpack-explat":"jetpack_vendor/automattic/jetpack-explat/","jetpack-ip":"jetpack_vendor/automattic/jetpack-ip/","jetpack-jitm":"jetpack_vendor/automattic/jetpack-jitm/","jetpack-licensing":"jetpack_vendor/automattic/jetpack-licensing/","jetpack-my-jetpack":"jetpack_vendor/automattic/jetpack-my-jetpack/","jetpack-password-checker":"jetpack_vendor/automattic/jetpack-password-checker/","jetpack-plugins-installer":"jetpack_vendor/automattic/jetpack-plugins-installer/","jetpack-post-list":"jetpack_vendor/automattic/jetpack-post-list/","jetpack-protect-models":"jetpack_vendor/automattic/jetpack-protect-models/","jetpack-protect-status":"jetpack_vendor/automattic/jetpack-protect-status/","jetpack-publicize-pkg":"jetpack_vendor/automattic/jetpack-publicize/","jetpack-sync":"jetpack_vendor/automattic/jetpack-sync/","jetpack-backup-pkg":"jetpack_vendor/automattic/jetpack-backup/","jetpack-blaze":"jetpack_vendor/automattic/jetpack-blaze/","jetpack-classic-theme-helper":"jetpack_vendor/automattic/jetpack-classic-theme-helper/","jetpack-compat":"jetpack_vendor/automattic/jetpack-compat/","jetpack-forms":"jetpack_vendor/automattic/jetpack-forms/","jetpack-image-cdn":"jetpack_vendor/automattic/jetpack-image-cdn/","jetpack-import":"jetpack_vendor/automattic/jetpack-import/","jetpack-masterbar":"jetpack_vendor/automattic/jetpack-masterbar/","jetpack-search-pkg":"jetpack_vendor/automattic/jetpack-search/","jetpack-stats":"jetpack_vendor/automattic/jetpack-stats/","jetpack-stats-admin":"jetpack_vendor/automattic/jetpack-stats-admin/","jetpack-videopress-pkg":"jetpack_vendor/automattic/jetpack-videopress/","jetpack-waf":"jetpack_vendor/automattic/jetpack-waf/","jetpack-wordads":"jetpack_vendor/automattic/jetpack-wordads/","woocommerce-analytics":"jetpack_vendor/automattic/woocommerce-analytics/"}}; /* ]]> */ </script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/url.min.js" id="wp-url-js"></script> <script type="text/javascript" id="jetpack-instant-search-js-before"> /* <![CDATA[ */ var JetpackInstantSearchOptions=JSON.parse(decodeURIComponent("%7B%22overlayOptions%22%3A%7B%22colorTheme%22%3A%22dark%22%2C%22enableInfScroll%22%3Atrue%2C%22enableFilteringOpensOverlay%22%3Atrue%2C%22enablePostDate%22%3Atrue%2C%22enableSort%22%3Atrue%2C%22highlightColor%22%3A%22%23FFC%22%2C%22overlayTrigger%22%3A%22submit%22%2C%22resultFormat%22%3A%22expanded%22%2C%22showPoweredBy%22%3Afalse%2C%22defaultSort%22%3A%22relevance%22%2C%22excludedPostTypes%22%3A%5B%22attachment%22%2C%22action_item%22%2C%22conference%22%2C%22interview%22%2C%22timeline%22%5D%7D%2C%22homeUrl%22%3A%22https%3A%5C%2F%5C%2Fchriscoyier.net%22%2C%22locale%22%3A%22en-US%22%2C%22postsPerPage%22%3A4%2C%22siteId%22%3A74074248%2C%22postTypes%22%3A%7B%22post%22%3A%7B%22singular_name%22%3A%22Post%22%2C%22name%22%3A%22Posts%22%7D%2C%22page%22%3A%7B%22singular_name%22%3A%22Page%22%2C%22name%22%3A%22Pages%22%7D%2C%22attachment%22%3A%7B%22singular_name%22%3A%22Media%22%2C%22name%22%3A%22Media%22%7D%2C%22action_item%22%3A%7B%22singular_name%22%3A%22Action%20Item%22%2C%22name%22%3A%22Action%20Item%22%7D%2C%22interview%22%3A%7B%22singular_name%22%3A%22Interview%22%2C%22name%22%3A%22Interview%22%7D%2C%22conference%22%3A%7B%22singular_name%22%3A%22Conference%22%2C%22name%22%3A%22Conference%22%7D%2C%22timeline%22%3A%7B%22singular_name%22%3A%22Timeline%22%2C%22name%22%3A%22Timeline%22%7D%7D%2C%22webpackPublicPath%22%3A%22https%3A%5C%2F%5C%2Fchriscoyier.net%5C%2Fwp-content%5C%2Fplugins%5C%2Fjetpack%5C%2Fjetpack_vendor%5C%2Fautomattic%5C%2Fjetpack-search%5C%2Fbuild%5C%2Finstant-search%5C%2F%22%2C%22isPhotonEnabled%22%3Atrue%2C%22isFreePlan%22%3Afalse%2C%22apiRoot%22%3A%22https%3A%5C%2F%5C%2Fchriscoyier.net%5C%2Fwp-json%5C%2F%22%2C%22apiNonce%22%3A%22a28ba91fe4%22%2C%22isPrivateSite%22%3Afalse%2C%22isWpcom%22%3Afalse%2C%22hasOverlayWidgets%22%3Atrue%2C%22widgets%22%3A%5B%7B%22filters%22%3A%5B%7B%22name%22%3A%22Post%20Types%22%2C%22type%22%3A%22post_type%22%2C%22count%22%3A5%2C%22widget_id%22%3A%22jetpack-search-filters-1%22%2C%22filter_id%22%3A%22post_type_0%22%7D%2C%7B%22name%22%3A%22Categories%22%2C%22type%22%3A%22taxonomy%22%2C%22taxonomy%22%3A%22category%22%2C%22count%22%3A5%2C%22widget_id%22%3A%22jetpack-search-filters-1%22%2C%22filter_id%22%3A%22taxonomy_1%22%7D%2C%7B%22name%22%3A%22Tags%22%2C%22type%22%3A%22taxonomy%22%2C%22taxonomy%22%3A%22post_tag%22%2C%22count%22%3A5%2C%22widget_id%22%3A%22jetpack-search-filters-1%22%2C%22filter_id%22%3A%22taxonomy_2%22%7D%2C%7B%22name%22%3A%22Year%22%2C%22type%22%3A%22date_histogram%22%2C%22count%22%3A5%2C%22field%22%3A%22post_date%22%2C%22interval%22%3A%22year%22%2C%22widget_id%22%3A%22jetpack-search-filters-1%22%2C%22filter_id%22%3A%22date_histogram_3%22%7D%5D%2C%22widget_id%22%3A%22jetpack-search-filters-1%22%7D%5D%2C%22widgetsOutsideOverlay%22%3A%5B%5D%2C%22hasNonSearchWidgets%22%3Afalse%2C%22preventTrackingCookiesReset%22%3Afalse%7D")); /* ]]> */ </script> <script type="text/javascript" src="https://chriscoyier.net/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-search/build/instant-search/jp-search.js?minify=false&ver=749aa845a5ccb16bc8a6" id="jetpack-instant-search-js"></script> <script type="text/javascript" src="//stats.wp.com/w.js?ver=202509" id="jp-tracks-js"></script> <script src="https://chriscoyier.net/wp-content/themes/ChrisCoyierTheme9/scripts/min/global-min.js?version=367"></script> <script> window.themeDirectory = 'https://chriscoyier.net/wp-content/themes/ChrisCoyierTheme9'; </script> <script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script> </body> </html>