Try Tuts+ Premium, Get Cash Back!
Chris Coyier on Life, Work and Eighteen Years as a Mac User

Chris Coyier on Life, Work and Eighteen Years as a Mac User

Chris Coyier is an active and very well known-member of the web development community. He single-handedly built one of the best CSS advice websites around, CSS-Tricks, and has embarked on several other successful projects including a book on WordPress and an awesome new podcast. Join us as we sit down with Chris and discuss how Macs play a role in his daily life.

My first Mac was the Performa 636CD that I got in 1994. Since then, I’ve never owned or used anything other than a Mac.

You’ve had quite a crazy year! Tell us a little about what you’ve been up to.

Yep, it’s been fantastic! Just in the past few months I left my full time job to focus on my own projects. It’s really three things:

CodePen – Launched that with my partners Alex Vazquez and Tim Sabat. We’re working like crazy on it to make it a go-to place for playing with front end code and ultimately education and inspiration.

CSS-Tricks – My site that is also geared toward web design education and inspiration, but through other types of content (articles, forums, videos, etc). I’m spending the next few months deep into a redesign that will hopefully usher in a new era of awesomeness for the site.

ShopTalk Show – A podcast I do with Dave Rupert. We’re just going to keep on keeping on with that show, bringing on great guests, keeping a steady schedule, a new site design, and hopefully some updates to how we run the live show.

It feels great having a tighter focus on the things I work on lately.

chris coyier
Codepen allows developers to create and share HTML, CSS and JavaScript demos.

How long have you been using Macs?

I had a few computers prior, but my first Mac was the Performa 636CD that I got in 1994. Since then, I’ve never owned or used anything other than a Mac. Eighteen years now.

Why do you use Macs and how have they played a role in the creation/running of your various projects?

I’ve always just found them pleasurable to use and was never compelled to switch away. Macs are at the heart of everything I do. I design on them, I write code on them, I communicate on them.

They travel with me. My Mac is even my entertainment hub. Other than brief in-person meetings, 100% of my “work” is done on my Mac.

Other than brief in-person meetings, 100% of my “work” is done on my Mac.

What’s your Mac hardware setup like?

At this second it’s a 2.2 GHz MacBook Pro, 4GB Ram, 120 GB SSD. I work about half the time from a desk where it’s plugged into a 27″ Thunderbolt Cinema Display and where I use a Microsoft natural ergonomic 4000 keyboard and a Kensington trackball mouse. I also have a Drobo there for mass storage and backups.

I work another quarter of the time lazily sitting in a chair or couch, and another quarter while travelling. Those times, I use nothing but the MacBook Pro itself.

chris coyier

Briefly walk us through a day in the life of Chris Coyier

I’m in front of the computer quite a bit. I pretty much wake up and work all day. Lots of email, lots of GitHub issues, lots of writing, lots of coding, lots of social media dinking around.

I break up the day with little get aways. I’ll stop for meals. I’ll stop and go see a movie. I’ll stop and go play with Digby at a dog park.

What are some of your favorite Mac apps right now and why?

It’s a lovely minimal interface that mostly stays out of the way, expect for little planned intrusions, which I find interesting.

I like Day One, a really simple journaling app that sits in the menu bar and reminds me to take notes on the day once in a while. I think that will be really interesting years down the road. It’s a lovely minimal interface that mostly stays out of the way, expect for little planned intrusions, which I find interesting.

I don’t use too much fancy software. I browse and develop in Chrome but I have a full rack of browsers in my Dock for testing web designs. I write code in Sublime Text 2. I use Git Tower for version control. I have Adobe Creative Suite 6 for designing. I use CodeKit to help with development (might be a bit too nerdy to discuss here). I use LittleSnapper to save little bits of visual inspiration I see around the web. I use ScreenFlow for recording screencasts. I work on presentations in Keynote. All of those are fantastic examples of good software.

Day One
Day One

How do you test the websites that you build on Windows?

It used to be virtual machines. I’ve literally used Parallels, VMware Fusion, and VirtualBox all at different times for various different OS testing. Now it’s all BrowserStack. I do have a little crappy 10″ Acer laptop running Window 7 and IE 9 for “real” machine testing.

BrowserStack
BrowserStack

Tell us about your podcasting setup and what the learning curve was like to master all of those skills that really aren’t related to your main focus.

You might think I have some deep set of knowledge there, but my audio/video knowledge and setup is pretty weak. I have a Rode Podcaster that I set up on a little mini desk boom stand and shock mount. That way I can position the microphone right in front of my face for the podcast and for screencasts. That’s really it, equipment wise. I could probably stand for an upgrade one of these days but I feel like the step up from there gets complicated quick.

I have a Rode Podcaster that I set up on a little mini desk boom stand and shock mount.

ShopTalk we do over Skype and I’m not in charge of recording it, Dave Rupert is. We’re always tweaking quality stuff. We have some work to do there but I feel like it’s fairly decent.

You can easily make a whole career out of being a good audio/video guy. I find it all extremely interesting but I have yet to go down that road.

What will your next Mac be and why?

I have one of them brand new (are we calling them “first gen”?) Retina MacBook Pros on the way. I wanted to hold off at first because 1) they are kinda expensive and 2) they might have issues; you never know with brand new stuff. But I just couldn’t wait anymore.

I have one of them brand new Retina MacBook Pros on the way. I wanted to hold off at first… but I just couldn’t wait anymore.

They look so fantastic and my current MacBook Pro is a little underpowered. I’ve been doing some video work lately and some other various intensive tasks and I can feel the slowdown. I got the fastest processor, most ram, and largest hard drive they would possibly put in it. I’m hoping to get at least a couple of years out of it.

I’m kinda glad I have that crappy Acer laptop, because I’m worried that this MacBook is going to be so awesome that I’ll stop understanding what it’s like to use an average or crappy computer. Part of my job as a web designer is making sure the things I build work no matter where and how people encounter them, so cracking that thing open occasionally will give me a nice taste of reality.

chris coyier
Chris Coyier

Thanks Chris!

I’m personally a huge fan of pretty much all of the projects Chris has been working on in the past few years and I know that he’s a busy guy, so I’d like to send out a huge thanks for taking the time to sit down and go through these questions.

If you have any questions or praise for Chris, leave a comment below. In the mean time, be sure to check out CSS-Tricks, CodePen, and ShopTalk.

Josh Johnson is secondfret on Graphicriver
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://krsiak.cz/ Krsiak Daniel

    nice article
    Chris is a hero for lot of us :)

  • Dan

    Chris’ work is awesome indeed, and very useful for many of us! Thanks for posting this up!

  • http://kevinlorenz.com/ verpixelt

    Thanks for this little interview. Chris is like a superstar for me. I rly love his stuff and visit css tricks nearly everyday. I’m a bit sad because i have forgotten to put some money into his relaunch project. Is there another way to get access to the screencast?

    • sam

      same to everything you just wrote. i wish you could still add money to the kickstarter project.

    • Clare

      Chris has said (on CSS-Tricks) that you’ll be able to sign up through the private area when it’s built, so you’ll be able to get access to the redesign screencasts then. Not to mention other goodies.

  • http://faizdesign.wordpress.com Faiz Al-Qurni

    Awesome interview Josh, I love mac and also a huge fan of Chris too :)

  • http://blogverize.blogspot.com Nimsrules

    Have always been a huge fan of Chris and an ardent follower of CSS-Tricks. I wish I could own an Apple product, their price here in India is over-exaggerated. Way to go Chris, keep on bringing those awesome CSS snippets of yours :)

  • http://www.insitedesignlab.com/blog Jon

    Great Interview. I always stay up to date with the work Chris is doing. Some really compelling reasons to jump to mac but I still keep finding myself at my Linux box.

  • Ricky Lee

    Chris – You should definitely auction off your MacBook. Any fan would be honored to use your former hardware.

    • http://Nathanrjones.com Nathan Jones

      That’s an awesome idea. Sign the top cover and put a nice CSS-Tricks sticker/vinyl on there and I’m sure he could get way over market value for it.

  • Cihad

    Thanks for good reading. Chris is really trusted guy for me. He is also working on fancy stuff like codepen and it’s great.

  • http://www.amrabdelaziz.com amrabdelaziz

    i love chris Coyier :D

  • Dan

    Nice interview! Chris is a rockstart indeed!

  • http://www.tipoos.com Gil Hamer

    I have been following Chris and css-tricks since 2008 when I first got into the WordPress developement.
    Thanks Chris for all the information, tutorials and tips throughout the years.
    keep up the good work!

    • http://kustomdesigner.com Mike

      Great article. I’m a huge fan of CSS tricks and although Mac has some great apps I still cant get past the cost of these machines though. Im guessing Chris is paying a little over 3k for his new mac once its all said and done.Another point, I have been using windows since the early 90′s and though it went through some tough stages as far as viruses and malware, Windows 7 really changed things as far as security concerns. I just can’t seem to push myself to go learn a new OS when I have 20 years using this one. I have way too many more important things to learn involving web design and development. This field changes so much that it is really hard to keep up (SASS,jQuery,Php,Node,blah,blah,blah!!) On top of that, Adobe software is expensive and I just bought CS5.5 Design suite this year. I cant complain though because I get to rock out on this Windows PC everyday: http://tinypic.com/view.php?pic=i5b3vt&s=6

      3.6Ghz Intel I7 3820, 16gb corsair vengeance, Asus sabertooth motherboard, nVidia 560ti 2GB GFX card, 60gb corsair ssd for OS and (2) 1 TB drives set in RAID 1 mode for other storage and 2 Dell 23″ monitors.

      • Nick Chamberlin

        I completely agree…. You pay for the little apple logo, and a prettier interface. I would totally get a nice mac if I won 30-million in the lotto, but they’re just too expensive for my blood. I bet your setup cost you under $600…. Or around there, compared to the equivilent which would cost at least 3 times that i’m sure(I don’t base that on any facts found anywhere)

        • http://Nathanrjones.com Nathan Jones

          People always say it’s just for the logo, but for developers, it’s a massive benefit to have a Unix based system. Having the same terminal as a LAMP and easily using it as a local server can’t be touched by Windows machines. Plus the developer software for Macs is head and shoulders above what you can find on a Windows computer.

          • Thomas Bates

            I’m so happy you pointed this out, I can never explain to people that this is such a huge deal. I switched from 10 years as a Linux user to Mac when I decided to really hit Web Design/Development hard, and I can’t tell you how much crap I caught from friends and family who were all PC based. This point just doesn’t get brought up enough.

            Also, great interview/article! Chris is really a great guy!

  • Nick Chamberlin

    Windows 95 is pretty much the bees knees of computing. I heard that toy story was made on Windows 95 with Windows Movie Maker, it’s not a video maker, it’s a MOVIE MAKER.. AS IN HOLLYWOOD MOVIES…

    Why on earth would you use an Apple when you have Windows 95 here…. Windows 95 guys… All 256 colors pretty much knock my socks off and send me into an epileptic seizure every time I turn on my CRT monitor…. I’m all: WWOOAAHHH!! HOLY BILL GATES!!

    I remember when I had a 333mhz processor…. I was such a badass… all my friends couldn’t believe it, this puppy could open the calculator in 2 minutes flat…. Now I just have a 3.4ghz quad-core, overclocked to 4ghz…. 8gb ram, etc.. man, the old days were the good days…

    I don’t know why i’m still typing

  • http://www.smithdesign.us Tim Smith

    I work the same way when at home.

    • http://www.smithdesign.us Tim Smith

      For those that know me this list will come to no surprise and will simply give you more ammo to tease me with. Those of you who don’t know me might suggest 12 steps meeting. To everyone else, I ask…. “Do you continuously but crap…. No!. Apple makes great products that enhance not only my image, but my ego as well. BTW there products also when made/designed and “Just work”. Believe it or not I was a PC (NOT politicaly correct) person. I happily converted after playing with my Dad’s 12″ Powerbook with Os X.

      Powerbook 12″ – gift
      Macbook 13″ (Black) – bought
      Macbook Aluminum 13″ – bought
      iPod Video – gift
      iPod Touch -gift
      iPod Shuffle – bought
      iPod Nano – bought
      iPod Nano Video – bought
      iPhone 1st gen- bought
      iPhone 3G – bought
      iPhone 3Gs – bought
      ***SOON*** iPad 16 wifi – bought

      and more

  • http://kustomdesigner.com Mike

    @Nick, I actually started on a 133mhz, it was an IBM and I think at the time IT COSTED AROUND 4k FOR THAT LITTLE BUGGER. Sorry caps, It’s amazing how cost effective it is now to own cool stuff. I was just checking out a 3d printer that will run on recycled plastic , they only want like 300 for it and it can carve out faces of yoda, or whatever else you throw in it. Google it and youll what I mean, theres a few vendors competing now.

  • rayray

    like they say…once you have/use apple/mac…theres no going back =) cheers for the awesome interview! =)

  • Derek

    Question for Chris: I am a UI developer for a company and part of my tasks include cross browser support. The obvious one I have the most problem with is IE. Where do you turn when your stuck on an IE issue for help. (if you ever need it) ?

  • http://maomuffy.com Mfawa Alfred Onen

    Nice Interview and keep up the good work Chris.

  • http://www.tutosytips.com/ johanso

    very good chris, have much credibility, very good mac

  • http://www.thoufeeq.com Thoufeeq

    Chris is my role model when it comes to web development, wordpress designing in particular. And it feels great to know the work environment of such a genius, even including his system specs… Great post !

  • http://www.cozyvision.com/ Cozy Vision Technologies

    Very good chris,

  • http://l2aelba.com l2aelba

    Thanks for Sublime Text, Git Tower and Browserstack, Chris :D

  • http://www.facebook.com/ehap.hamdy Ehab Hamdy

    please ,i need advice
    I am going to buy a retina macbook pro , this will be the first mac in my life
    what is your opinion or should i go standard macbook pro

    • http://twitter.com/bbodine11 Brad Bodine

      Definitely Retina. If I had to guess, pretty soon all macs will be retina.