{"id":35032,"date":"2020-09-08T15:39:56","date_gmt":"2020-09-08T12:39:56","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=35032"},"modified":"2022-02-17T16:27:03","modified_gmt":"2022-02-17T14:27:03","slug":"chris-coyier-interview","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/","title":{"rendered":"Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks"},"content":{"rendered":"\n<p>Hi, friends! Another month, another interview from our side. Today we&#8217;re talking about web design, WordPress, awesome projects (like CodePen and CSS-Tricks), and other diverse topics in our Chris Coyier interview. It&#8217;s all live for you. <\/p>\n\n\n\n<p><em>Before passing it on to today&#8217;s guest, I want to give a shout-out to last month&#8217;s <a href=\"https:\/\/themeisle.com\/blog\/bridget-willard-interview\/\">discussion with social media specialist Bridget Willard<\/a> and to our <a href=\"https:\/\/themeisle.com\/blog\/category\/wordpress-community\/interviews\/\">full collection of interviews<\/a> with WordPress connoisseurs from around the world. Check them out if you need inspiration from professionals.<\/em><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-full is-style-rounded\"><img data-opt-id=1164725183  fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"1600\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg\" alt=\"Chris Coyier Interview on Themeisle blog about WordPress, web design and web development\" class=\"wp-image-35107\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 1600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 1536w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/chris-1-1-1.jpg 2x\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Now, if you&#8217;re a designer or an aspiring designer and haven&#8217;t heard of <a aria-label=\"CodePen homepage (opens in a new tab)\" href=\"https:\/\/codepen.io\/\" target=\"_blank\" rel=\"noopener\">CodePen<\/a> and\/or <a aria-label=\"CSS Tricks homepage (opens in a new tab)\" href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noopener\">CSS-Tricks<\/a> before, you&#8217;re missing out. CodePen is a superb online editor and encyclopedia of design code snippets, while CSS-Tricks is one of the greatest blogs for front-end developers. They both exist thanks to <a href=\"https:\/\/twitter.com\/chriscoyier\" target=\"_blank\" aria-label=\"Chris Coyier Twitter (opens in a new tab)\" rel=\"noopener\">Chris Coyier<\/a> and his team.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Chris managed to create loyal communities around these projects over the years, and you can take part, too. You can contribute either by writing a piece of content for the blog or sharing your awesome code with other web development enthusiasts. <\/p>\n\n\n\n<p>When he&#8217;s not building websites, he&#8217;s writing educational content and podcasting about building websites. And if that&#8217;s not enough, he&#8217;s also the author of <a aria-label=\"Landing page for the Digging into WordPress book (opens in a new tab)\" href=\"https:\/\/digwp.com\/book\/\" target=\"_blank\" rel=\"noopener\">&#8220;Digging Into WordPress&#8221;<\/a> book, which many of you probably know. <\/p>\n\n\n\n<p>Keep reading to hear more insights from Chris himself:<\/p>\n\n\n\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=Chris+Coyier+%28%40chriscoyier%29+%23interviewed+at+%40Themeisle+-+on+%23WordPress+and+%23webdesign&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/chris-coyier-interview\/' target='_blank' rel='nofollow'>Chris Coyier (@chriscoyier) #interviewed at @Themeisle - on #WordPress and #webdesign<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=Chris+Coyier+%28%40chriscoyier%29+%23interviewed+at+%40Themeisle+-+on+%23WordPress+and+%23webdesign&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/chris-coyier-interview\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks<\/h2>\n\n\n\n<p><strong>When and how did you start working with WordPress? Is there an interesting story here?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Other than some very bad Flash work in College, my very first websites, circa 2004, were WordPress. I liked, and still like, how powerful WordPress makes me feel. I struggled through those first steps of buying a domain and hosting and getting WordPress installed, and once I did, I had a very solid looking website with more features than I could ever dream of building on my own. So I started hacking at the templates and the CSS and making them do what I wanted. I found that work fun, so low and behold, I turned into a web designer.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What&#8217;s your technique for staying productive throughout the day?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>One thing that occurs to me, and I&#8217;m lucky to have this, is that I have a lot of freedom in my day. I&#8217;ll always have these chunks of time I can dedicate to some work, and I can pick what I work on based on priorities, and just as importantly, my mood. Sometimes I&#8217;m just not in the mood to write, so I code something instead. Sometimes it strikes me that I should design something or think through the UX of something. Sometimes, believe it or not, I feel like doing email.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>How do you define &#8220;being successful&#8221;?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I have no idea. Some days I feel like the king of the world and why would I ever want for more. Some days I feel like I&#8217;ve worked way too hard for way too long to only be where I am.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What do you wish more people knew about WordPress?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I feel like WordPress went through a weird period where the developer zeitgeist kinda poo-poo&#8217;d WordPress. And now we&#8217;ve come around where developers largely recognize it for the great tool that it is. I enjoy telling people just how empowering it is for me, which I hope plays some small role in convincing some devs, that perhaps wouldn&#8217;t otherwise, that it is worth a look.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Who&#8217;s doing things that are just cutting-edge and incredible in the WordPress space right now?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Everyone who has shifted a lot of development effort into blocks is being smart I think. I was recently incredibly impressed by the new Advanced Custom Fields release of their blocks support, and the new support of which are like ACF blocks that accept arbitrary native blocks within them, which unlock a lot of power.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Describe the WordPress community in one word.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Mature.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What&#8217;s the one thing you&#8217;d like to change about WordPress?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier: <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I think I&#8217;d vote for GraphQL getting into core. The REST API was a smart move, but GraphQL is much nicer, and I think would help keep WordPress as an option for lots of people no matter how you end up building the front end. I&#8217;d like to see the commenting system get a kick in the butt too. It&#8217;s very odd to me how a logged in user leaving a comment can&#8217;t then edit or delete that comment or see a basic profile page with all the comments they have left.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What&#8217;s the main threat to WordPress these days?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier: <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I would think complexity is the main threat. WordPress has a fairly high level of it. There is a solid learning curve. Should some other site builder product manage to replicate most of what people use WordPress for with a higher level of simplicity, and manage to chip away at the mindshare of WordPress, maybe that&#8217;s a threat? I dunno. I admire WordPress for being a product of such scale, and heading off what would have become long term problems well before they are that big of problems. Having to self-host a site is a major one, and WordPress.com handled that. An editor experience that feels long in the tooth? Totally batted away with the block editor.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What are your recommendations for a WordPress novice?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier: <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Just install it and go for it. You don&#8217;t have to know a ton about programming to make that happen. That was my experience, anyway. I basically learned everything I know about building websites from getting WordPress installed ages ago and hacking at the files to see if I could get it to do the stuff I wanted.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>How do you see the evolution of WordPress compared to, say, ten years ago? Is it on the right track?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>It seems to be for me. The releases seem strong to me. As controversial as the block editor was, I&#8217;m very convinced it&#8217;s the thing that makes WordPress a dominant player for a long time to come.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What&#8217;s your honest opinion about the WordPress block editor? Does it bring any value, from a developer&#8217;s perspective?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>It&#8217;s amazing. It&#8217;s the future. It makes writing and building pages in WordPress a pleasure. And the best part is that it&#8217;s absolutely core to WordPress. Buying into it doesn&#8217;t mean rolling the dice on some third-party thing you aren&#8217;t sure if you can count on in the long term. Even as someone who really only dabbles in custom WordPress development, I&#8217;ve managed to make some of my own blocks that have really helped our editorial and publishing process.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What do you think is the most efficient way to market an online product at this moment (be it a plugin, an app, an extension, even a blog)?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I wish I knew. If I knew exactly how it was done, I&#8217;m sure I&#8217;d be far more successful (in business growth terms) as I am now. But I do have one idea: blogging. Make some very valuable for free, build an audience around that, and sell them something that is related to how they know you in the first place. That something can be writing words that are useful to people and making them easy to find.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What\u2019s your personal definition of a \u201cquality website\u201d?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>One that is fast and accessible.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Apart from being a designer, you&#8217;re also a writer. What\u2019s your personal definition of a \u201cquality piece of content\u201d?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>There is a Frank Chimero post where he says the web has become a dumping ground for poor content. Just marketing-driven surface-level junk. He said of posts like that &#8220;One hardly gets the sensation of lived experience and professional acumen in the words&#8221; and now I&#8217;m obsessed with that phrase. When I read something, I want to feel your lived experience and feel like you are sharing something with me that you&#8217;ve lived.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>How did you manage to create these amazing communities around both CSS-Tricks and CodePen over the years? What do you think was the key?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Perhaps one of them has just been keeping at it. None of the projects I work on are spring chickens. I get convinced they are a good idea (even if honestly they are probably just mediocre ideas) and then keep plugging away at it day after day, week after week, month after month, and year after year. If I do my best to tell people about then that long, I&#8217;m convinced eventually I can convince them.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Did the pandemic have any impact on your business (positive or negative)? Any measures you and your team had to take in this regard?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I&#8217;d estimate CSS-Tricks took at least a 25% hit or so in terms of advertising and sponsorship income. And nobody has any idea what COVID is going to do to the global economy moving forward. We&#8217;re still in the thick of it. One thing we&#8217;ve done is starting selling things via WooCommerce on the site. So we&#8217;ve got posters for sale (<a href=\"https:\/\/css-tricks.com\/snippets\/css\/complete-guide-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\">grid<\/a> and <a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\" target=\"_blank\" rel=\"noreferrer noopener\">flexbox<\/a>) and a membership product that allows you to read my latest book.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Do you have any favorite tools you&#8217;re using often to streamline the website building process? Or simply great tools you want to recommend to developers.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I&#8217;m a big fan of Local by Flywheel. Hard to beat that for an incredibly easy to use way to spin up <a href=\"https:\/\/themeisle.com\/blog\/how-to-host-a-website\/\">WordPress sites locally<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Are you part of any cool online\/offline communities or groups? Can be about any topic, not necessarily career-related.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I&#8217;m fortunate to have some musicians locally that I play with just for fun. COVID has kinda halted that, so I&#8217;m very much looking forward to being able to get together with those people again. Same with our local JavaScript meetup. That&#8217;s been on a kind of forced hiatus.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Any design trends that you think will get all the hype in the upcoming years?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>Let&#8217;s hope it&#8217;s <a href=\"https:\/\/themeisle.com\/blog\/website-speed-optimization\/\">&#8220;really fast websites&#8221;<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>What is driving you to keep doing what you\u2019re doing? What\u2019s your personal mission?<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<p>Chris Coyier:<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p>I want to help people learn. I hope my experience and insight can benefit others. I want to build tools that make things easier for people. I want people to feel empowered like I feel empowered.<\/p>\n<\/div>\n<\/div>\n\n\n\n\t\t<div class='ti-tweet-clear'><\/div>\n\t\t\t<div class='ti-tweet_wrapper'>\n\t\t    \t<div class='ti-tweet_text'>\n\t\t    \t\t<a href='https:\/\/twitter.com\/share?text=Chris+Coyier+%28%40chriscoyier%29+interview+with+%40Themeisle+-+on+%23WordPress+and+%23webdesign&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/chris-coyier-interview\/' target='_blank' rel='nofollow'>Chris Coyier (@chriscoyier) interview with @Themeisle - on #WordPress and #webdesign<\/a>\n\t\t    \t<\/div>\n\t\t    \t<div class='ti-tweet_sharebtn'>\n\t\t    \t<a href='https:\/\/twitter.com\/share?text=Chris+Coyier+%28%40chriscoyier%29+interview+with+%40Themeisle+-+on+%23WordPress+and+%23webdesign&via=themeisle&related=themeisle&url=https:\/\/themeisle.com\/blog\/chris-coyier-interview\/' target='_blank' rel='nofollow'>Click To Tweet \n\t\t    \t\t<span><\/span>\n\t\t    \t<\/a>\n\t\t    <\/div>\n\t\t<\/div>\n\n\n\n<p><em>That sums up our Chris Coyier interview. If you enjoyed it and want to learn more, please leave your comments in the section below. Also, if you have any ideas for who we should talk to next, feel free to share your suggestions with us!<\/em><\/p>\n\n\n<style>.ticss-d144f107 strong{font-weight: 700;\n    letter-spacing: -0.2px;\n    line-height: 1.2;\n    display: inline-block;}<\/style>\n\n\n<div class=\"wp-block-columns speed-guide has-white-color has-text-color has-background has-link-color wp-elements-2f81f6c5526477b5b4d52d1ca4513949 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#4267cf\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-medium\"><img data-opt-id=30701221  fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png\" alt=\"speed guide\" class=\"wp-image-113040\" srcset=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:300\/h:300\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 300w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1024w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:150\/h:150\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 150w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:768\/h:768\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 768w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:50\/h:50\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 50w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:240\/h:240\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 240w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:397\/h:397\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 397w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:600\/h:600\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 600w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:148\/h:148\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 148w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:195\/h:195\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 195w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:135\/h:135\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 135w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 1200w, https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1080\/h:1080\/q:mauto\/f:best\/dpr:2\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2025\/09\/e2ce20299a807336c68c2e029640adaa1.png 2x\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center ticss-58e79f2f\" style=\"font-size:14px\"><strong>FREE GUIDE<\/strong><\/p>\n\n\n\n<p class=\"ticss-d144f107\" style=\"font-size:25px\"><strong>4 Essential Steps to Speed Up Your&nbsp;WordPress Website<\/strong><\/p>\n\n\n\n<p class=\"ticss-3b627beb\">Follow the simple steps in our 4-part mini series and reduce your loading times by 50-80%.&nbsp;\ud83d\ude80<\/p>\n\n\n<p><div class=\"frm_forms  with_frm_style frm_style_themeisle\" id=\"frm_form_4_container\" data-token=\"092acaf99c87bd14c46d2a0e23437796\">\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form  frm_pro_form \" id=\"form_site-speed-guide-below-post\" data-token=\"092acaf99c87bd14c46d2a0e23437796\">\n<div class=\"frm_form_fields \">\n<fieldset>\n<legend class=\"frm_screen_reader\">Site Speed Guide - Below Post<\/legend>\r\n\r\n<div class=\"frm_fields_container\">\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\n<input type=\"hidden\" name=\"form_id\" value=\"4\" \/>\n<input type=\"hidden\" name=\"frm_hide_fields_4\" id=\"frm_hide_fields_4\" value=\"\" \/>\n<input type=\"hidden\" name=\"form_key\" value=\"site-speed-guide-below-post\" \/>\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\n<input type=\"hidden\" id=\"frm_submit_entry_4\" name=\"frm_submit_entry_4\" value=\"3634b3b33d\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/35032\" \/><input type=\"hidden\" name=\"item_meta[18]\" id=\"field_6px6q2\" value=\"\/blog\/wp-json\/wp\/v2\/posts\/35032\"  data-frmval=\"\/blog\/wp-json\/wp\/v2\/posts\/35032\"   \/>\n<div id=\"frm_field_15_container\" class=\"frm_form_field form-field  frm_required_field frm_none_container\">\r\n\t<label for=\"field_6px6q\" id=\"field_6px6q_label\" class=\"frm_primary_label\">Your Email\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\">*<\/span>\r\n\t<\/label>\r\n\t<input type=\"email\" id=\"field_6px6q\" name=\"item_meta[15]\" value=\"\"  autocomplete=\"email\"  placeholder=\"your@email.com\" data-reqmsg=\"Your Email cannot be blank.\" aria-required=\"true\" data-invmsg=\"Your Email is invalid\" aria-invalid=\"false\"  \/>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_17_container\" class=\"frm_form_field form-field  frm_none_container vertical_radio\">\r\n\t<div  id=\"field_6px6q3_label\" class=\"frm_primary_label\">Subscribe to our newsletter\r\n\t\t<span class=\"frm_required\" aria-hidden=\"true\"><\/span>\r\n\t<\/div>\r\n\t<div class=\"frm_opt_container\" aria-labelledby=\"field_6px6q3_label\" role=\"group\">\t\t<div class=\"frm_checkbox\" id=\"frm_checkbox_17-0\">\t\t\t<label  for=\"field_6px6q3-0\">\n\t\t\t<input type=\"checkbox\" name=\"item_meta[17][]\" id=\"field_6px6q3-0\" value=\"true\"  data-invmsg=\"Subscribe to our newsletter is invalid\" aria-invalid=\"false\"   \/> Subscribe to our newsletter<\/label><\/div>\n<\/div>\r\n\t\r\n\t\r\n<\/div>\n<div id=\"frm_field_14_container\" class=\"frm_form_field form-field \">\r\n\t<div class=\"frm_submit frm_flex\">\r\n<button class=\"frm_button_submit frm_final_submit\" type=\"submit\"   formnovalidate=\"formnovalidate\">FREE ACCESS<\/button>\r\n\r\n\r\n\r\n<\/div>\r\n<\/div>\n\t<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\n\t\t\t<div id=\"frm_field_24_container\">\n\t\t\t<label for=\"field_9mesg\" >\n\t\t\t\tIf you are human, leave this field blank.\t\t\t<\/label>\n\t\t\t<input  id=\"field_9mesg\" type=\"text\" class=\"frm_form_field form-field frm_verify\" name=\"item_meta[24]\" value=\"\"  \/>\n\t\t<\/div>\n\t\t<input name=\"frm_state\" type=\"hidden\" value=\"tGKtIG19U6wyYcew8uBttUu\/CiEyW6UjCybxUjHU0tMwF9M0QAXa6pd1+Qu8+H8p\" \/><\/div>\n<\/fieldset>\n<\/div>\n\n<p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"102\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n<\/div>\n<\/p>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"Chris Coyier has helped build two of hige web design and developments sites, CodePen and CSS-Tricks. In this interview he shares his  productivity tips thoughts on WordPress, and gives you some actionable advice for building produtcs, blogs, and more. ","protected":false},"author":4,"featured_media":35112,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[285,284],"tags":[],"hashtags":[],"class_list":["post-35032","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interviews","category-wordpress-community"],"wppr_data":{"cwp_meta_box_check":"No"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.8 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks<\/title>\n<meta name=\"description\" content=\"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks\" \/>\n<meta property=\"og:description\" content=\"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\" \/>\n<meta property=\"og:site_name\" content=\"Themeisle Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-08T12:39:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-17T14:27:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2180\" \/>\n\t<meta property=\"og:image:height\" content=\"1090\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Adelina Tuca\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Adelina_Tuca\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adelina Tuca\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\"},\"author\":{\"name\":\"Adelina Tuca\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/77ebcad0dedb708423ee0e9f19423a76\"},\"headline\":\"Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks\",\"datePublished\":\"2020-09-08T12:39:56+00:00\",\"dateModified\":\"2022-02-17T14:27:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\"},\"wordCount\":1875,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg\",\"articleSection\":[\"Interviews\",\"WordPress Community\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\",\"url\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\",\"name\":\"Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks\",\"isPartOf\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg\",\"datePublished\":\"2020-09-08T12:39:56+00:00\",\"dateModified\":\"2022-02-17T14:27:03+00:00\",\"description\":\"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg\",\"width\":2180,\"height\":1090,\"caption\":\"Chris Coyier interview\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/themeisle.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/themeisle.com\/blog\/#website\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"name\":\"Themeisle Blog\",\"description\":\"WordPress Tutorials and Reviews for Beginners and Advanced\",\"publisher\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/themeisle.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/themeisle.com\/blog\/#organization\",\"name\":\"VertiStudio\",\"alternateName\":\"Vertigo Studio SA\",\"url\":\"https:\/\/themeisle.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"contentUrl\":\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png\",\"width\":718,\"height\":156,\"caption\":\"VertiStudio\"},\"image\":{\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/themeisle.com\/blog\/#\/schema\/person\/77ebcad0dedb708423ee0e9f19423a76\",\"name\":\"Adelina Tuca\",\"description\":\"Adelina is a writer and WordPress blogger who\\\\'s been creating content for Themeisle for nearly a decade. Even though she mostly covers topics about WordPress and websites, she also specializes in content marketing, online tools, and methods that help you succeed online.\",\"sameAs\":[\"https:\/\/ro.linkedin.com\/in\/adelina-tuca\",\"https:\/\/x.com\/Adelina_Tuca\"],\"url\":\"https:\/\/themeisle.com\/blog\/author\/adelina\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks","description":"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/","og_locale":"en_US","og_type":"article","og_title":"Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks","og_description":"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.","og_url":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/","og_site_name":"Themeisle Blog","article_published_time":"2020-09-08T12:39:56+00:00","article_modified_time":"2022-02-17T14:27:03+00:00","og_image":[{"width":2180,"height":1090,"url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg","type":"image\/jpeg"}],"author":"Adelina Tuca","twitter_card":"summary_large_image","twitter_creator":"@Adelina_Tuca","twitter_misc":{"Written by":"Adelina Tuca","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#article","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/"},"author":{"name":"Adelina Tuca","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/77ebcad0dedb708423ee0e9f19423a76"},"headline":"Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks","datePublished":"2020-09-08T12:39:56+00:00","dateModified":"2022-02-17T14:27:03+00:00","mainEntityOfPage":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/"},"wordCount":1875,"commentCount":0,"publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"image":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg","articleSection":["Interviews","WordPress Community"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/","url":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/","name":"Chris Coyier Interview - The Man Behind CodePen and CSS-Tricks","isPartOf":{"@id":"https:\/\/themeisle.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage"},"image":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage"},"thumbnailUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg","datePublished":"2020-09-08T12:39:56+00:00","dateModified":"2022-02-17T14:27:03+00:00","description":"Check out our Chris Coyier interview to learn about his insights on web design, front-end development, WordPress, content, and more.","breadcrumb":{"@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/themeisle.com\/blog\/chris-coyier-interview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#primaryimage","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2020\/09\/Chris-Coyier-Interview-copy.jpg","width":2180,"height":1090,"caption":"Chris Coyier interview"},{"@type":"BreadcrumbList","@id":"https:\/\/themeisle.com\/blog\/chris-coyier-interview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/themeisle.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Chris Coyier Interview &#8211; The Man Behind CodePen and CSS-Tricks"}]},{"@type":"WebSite","@id":"https:\/\/themeisle.com\/blog\/#website","url":"https:\/\/themeisle.com\/blog\/","name":"Themeisle Blog","description":"WordPress Tutorials and Reviews for Beginners and Advanced","publisher":{"@id":"https:\/\/themeisle.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/themeisle.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/themeisle.com\/blog\/#organization","name":"VertiStudio","alternateName":"Vertigo Studio SA","url":"https:\/\/themeisle.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","contentUrl":"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2024\/02\/VertiStudio_logo1.png","width":718,"height":156,"caption":"VertiStudio"},"image":{"@id":"https:\/\/themeisle.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/themeisle.com\/blog\/#\/schema\/person\/77ebcad0dedb708423ee0e9f19423a76","name":"Adelina Tuca","description":"Adelina is a writer and WordPress blogger who\\'s been creating content for Themeisle for nearly a decade. Even though she mostly covers topics about WordPress and websites, she also specializes in content marketing, online tools, and methods that help you succeed online.","sameAs":["https:\/\/ro.linkedin.com\/in\/adelina-tuca","https:\/\/x.com\/Adelina_Tuca"],"url":"https:\/\/themeisle.com\/blog\/author\/adelina\/"}]}},"_links":{"self":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/35032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/comments?post=35032"}],"version-history":[{"count":17,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/35032\/revisions"}],"predecessor-version":[{"id":49763,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/posts\/35032\/revisions\/49763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media\/35112"}],"wp:attachment":[{"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/media?parent=35032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/categories?post=35032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/tags?post=35032"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/themeisle.com\/blog\/wp-json\/wp\/v2\/hashtags?post=35032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}