The personal website of Chris Coyier

Bio Length

Style

Code

Need a photo?

Hi! I write about the web at CSS-Tricks, talk about the web at conferences around the world and on my podcast ShopTalk, and am a co-founder of the social development environment CodePen.

<p>Hi! I write about the web at <a href="https://css-tricks.com">CSS-Tricks</a>, talk about the web at conferences around the world and on my podcast <a href="https://shoptalkshow.com">ShopTalk</a>, and am a co-founder of the social development environment <a href="https://codepen.io">CodePen</a>.</p>
Hi! I write about the web at [CSS-Tricks](https://css-tricks.com), talk about the web at conferences around the world and on my podcast [ShopTalk](https://shoptalkshow.com), and am a co-founder of the social development environment [CodePen](https://codepen.io).

Chris is a web designer and developer. He writes about all things web at CSS-Tricks, talks about all things web at conferences around the world and on his podcast ShopTalk, and co-founded CodePen, a social development environment.

<p>Chris is a web designer and developer. He writes about all things web at <a href="https://css-tricks.com">CSS-Tricks</a>, talks about all things web at conferences around the world and on his podcast <a href="https://shoptalkshow.com">ShopTalk</a>, and co-founded <a href="https://codepen.io">CodePen</a>, a social development environment.</p>
Chris is a web designer and developer. He writes about all things web at [CSS-Tricks](https://css-tricks.com), talks about all things web at conferences around the world and on his podcast [ShopTalk](https://shoptalkshow.com), and co-founded [CodePen](https://codepen.io), a social development environment.

Howdy! I'm a web designer and developer. I built CSS-Tricks, a website all about building websites, going strong for 10 years.

I'm the co-founder of CodePen, a playground for front-end web development. It’s a social development environment for front end designers and developers.

Along with Dave Rupert, I'm the co-host of a podcast called ShopTalk, a show about (you guessed it), building websites.

I've spoken at events and given workshops all over the world. I've also written two books: Practical SVG and Digging Into WordPress.

<p>Howdy! I'm a web designer and developer. I built <a href="https://css-tricks.com">CSS-Tricks</a>, a website all about building websites, going strong for 10 years.</p>

<p>I'm the co-founder of <a href="https://codepen.io">CodePen</a>, a playground for front-end web development. It’s a social development environment for front end designers and developers.</p>

<p>Along with Dave Rupert, I'm the co-host of a podcast called <a href="https://shoptalkshow.com">ShopTalk</a>, a show about (you guessed it), building websites. </p>

<p>I've spoken at events and given workshops all over the world. I've also written two books: <a href="https://abookapart.com/products/practical-svg">Practical SVG</a> and <a href="https://digwp.com/book/">Digging Into WordPress</a>.</p>
Howdy! I'm a web designer and developer. I built [CSS-Tricks](https://css-tricks.com), a website all about building websites, going strong for 10 years.

I'm the co-founder of [CodePen](https://codepen.io), a playground for front-end web development. It’s a social development environment for front end designers and developers.

Along with Dave Rupert, I'm the co-host of a podcast called [ShopTalk](https://shoptalkshow.com), a show about (you guessed it), building websites.

I've spoken at events and given workshops all over the world. I've also written two books: [Practical SVG](https://abookapart.com/products/practical-svg) and [Digging Into WordPress](https://digwp.com/book/).

Chris is a web designer and developer. He created and runs CSS-Tricks, a website all about building websites, now going strong for 10 years.

He is also the co-founder of CodePen, a playground for front-end web development. It’s a social development environment for front end designers and developers.

Along with Dave Rupert, he is the co-host of a podcast called ShopTalk, a show about (you guessed it), building websites.

Chris has spoken at events and given workshops all over the world, as well as written two books: Practical SVG and Digging Into WordPress.

<p>Chris is a web designer and developer. He created and runs <a href="https://css-tricks.com">CSS-Tricks</a>, a website all about building websites, now going strong for 10 years.</p>

<p>He is also the co-founder of <a href="https://codepen.io">CodePen</a>, a playground for front-end web development. It’s a social development environment for front end designers and developers.</p>

<p>Along with Dave Rupert, he is the co-host of a podcast called <a href="https://shoptalkshow.com">ShopTalk</a>, a show about (you guessed it), building websites.</p>

<p>Chris has spoken at events and given workshops all over the world, as well as written two books: <a href="https://abookapart.com/products/practical-svg">Practical SVG</a> and <a href="https://digwp.com/book/">Digging Into WordPress</a>.</p>
Chris is a web designer and developer. He created and runs [CSS-Tricks](https://css-tricks.com), a website all about building websites, now going strong for 10 years.

He is also the co-founder of [CodePen](https://codepen.io), a playground for front-end web development. It’s a social development environment for front end designers and developers.

Along with Dave Rupert, he is the co-host of a podcast called [ShopTalk](https://shoptalkshow.com), a show about (you guessed it), building websites.

Chris has spoken at events and given workshops all over the world, as well as written two books: [Practical SVG](https://abookapart.com/products/practical-svg) and [Digging Into WordPress](https://digwp.com/book/).

Howdy! I'm a web designer and developer. I built CSS-Tricks, a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.

I'm the co-founder of CodePen, a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS, JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.

Along with Dave Rupert, I'm the co-host of a podcast called ShopTalk, a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!

I've spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. I've also written two books: Practical SVG and Digging Into WordPress.

The web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.

<p>Howdy! I'm a web designer and developer. I built <a href="https://css-tricks.com">CSS-Tricks</a>, a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.</p>

<p>I'm the co-founder of <a href="https://codepen.io">CodePen</a>, a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS,  JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.</p>

<p>Along with Dave Rupert, I'm the co-host of a podcast called <a href="https://shoptalkshow.com">ShopTalk</a>, a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!</p>

<p>I've spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. I've also written two books: <a href="https://abookapart.com/products/practical-svg">Practical SVG</a> and <a href="https://digwp.com/book/">Digging Into WordPress</a>.</p>

<p>The web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.</p>
Howdy! I'm a web designer and developer. I built [CSS-Tricks](https://css-tricks.com), a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.

I'm the co-founder of [CodePen](https://codepen.io), a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS, JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.

Along with Dave Rupert, I'm the co-host of a podcast called [ShopTalk](https://shoptalkshow.com), a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!

I've spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. I've also written two books: [Practical SVG](https://abookapart.com/products/practical-svg) and [Digging Into WordPress](https://digwp.com/book/).

The web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.

Chris is a web designer and developer. He built CSS-Tricks, a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.

He is also the co-founder of CodePen, a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS, JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.

Along with Dave Rupert, Chris is the co-host of a podcast called ShopTalk, a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!

Chris has spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. He has also written two books: Practical SVG and Digging Into WordPress.

Chris thinks the web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.

<p>Chris is a web designer and developer. He built <a href="https://css-tricks.com">CSS-Tricks</a>, a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.</p>

<p>He is also the co-founder of <a href="https://codepen.io">CodePen</a>, a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS,  JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.</p>

<p>Along with Dave Rupert, Chris is the co-host of a podcast called <a href="https://shoptalkshow.com">ShopTalk</a>, a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!</p>

<p>Chris has spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. He has also written two books: <a href="https://abookapart.com/products/practical-svg">Practical SVG</a> and <a href="https://digwp.com/book/">Digging Into WordPress</a>.</p>

<p>Chris thinks the web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.</p>
Chris is a web designer and developer. He built [CSS-Tricks](https://css-tricks.com), a website all about building websites. Going strong for 10 years, it's a blog, forum, almanac, screencast, and more.

He is also the co-founder of [CodePen](https://codepen.io), a social development environment for front-end web designers and developers. CodePen is a front-end focused IDE in the browser, allowing people to write HTML, CSS, JavaScript, and other related languages. People share what they make, write about code, collect favorites, follow each other, find jobs, and more. It's as much of a community and social network as coding platform.

Along with Dave Rupert, Chris is the co-host of a podcast called [ShopTalk](https://shoptalkshow.com), a show about (you guessed it), building websites. Modeled after CarTalk, the show features a question and answer format, with questions from the show's listeners. The show is approaching 300 episodes over 6 years and still chugging!

Chris has spoken at events and given workshops all over the world at conferences like An Event Apart, Smashing Conf, and Webstock. He has also written two books: [Practical SVG](https://abookapart.com/products/practical-svg) and [Digging Into WordPress](https://digwp.com/book/).

Chris thinks the web is an incredible, inspiring, and empowering place and helping people know it better is good for everyone.

Things I want you to do:

You should write a guest post for CSS-Tricks. I bet the chances are high you’re a web person, and the chances are 100% that nobody knows exactly the same stuff you know ;).

I do two podcasts you should subscribe to. I’ll put the link to Apple Podcasts here, but you should be able to search for them on whatever podcast app. ShopTalk Show & CodePen Radio.

You should go PRO with your CodePen account. It unlocks a ton of different features like making anything you build private, asset hosting, collaborative features, and more.

I made a list of some of my favorite products. Like tech stuff, books, games, and coffee making supplies. Take a look.

If you’re hiring front-end designers or developers, post that job on the CodePen Job Board (which is also the CSS-Tricks and ShopTalk Job Board). If you’d like, email me and I’ll give a coupon to do that for free.

📘 You should buy my book Practical SVG. It covers everything you need to know about using SVG as a front-end developer.

Wanna get to know me a little bit?

This video might help: