Chris Coyier: A Modern Web Designer’s Workflow


More and more is expected from today’s web designers. Visual design is just one small part of the job. Those designs also need interaction. They need to work across loads of devices of varying shapes and sizes. They need to be fast and easy to use. As a designer, you need to be able to communicate and share code across a team. You need to be familiar with lots of differnet technologies.

Don’t panic! This is all fun stuff. There are loads of amazing tools these days to help things along. Together we’ll go through the lineup of all these tools and discuss what does what.

Chris Coyier is a web designer who writes about web design at CSS-Tricks, talks about web design every week on the podcast ShopTalk, and co-founded the code playground CodePen.
vsTrAfJFLXI

25 Comments


  1. That was bloomin brilliant!! Thank you!

    Reply

  2. Annoying way of talking. My attention span isn’t that short that I need him
    dancing around yelling.

    Reply

  3. I highly recommend watching this at 2x speed. Double the information,
    double the entertainment.

    Reply

  4. this is a great talk, but now i’m even more pleasantly surprised that even
    at 2x speed everything is clear ^^

    Reply

  5. Why weren’t my teachers at university like this dude…..

    Reply

  6. Great personality. Awesome talk. Learned a lot and had fun doing so. 

    Reply

  7. Great talk. I’m an hour in. 3 beer cans. No obligatory forehead can
    crush )-:

    Reply

  8. Great talk. I completely agree with the concept of getting out of the
    browser and putting something to code right away, (because as he said you
    are build a website not a static comp) however, I personally find making a
    really well done design in Photoshop is essential when proofing the look
    and feel to a client. For me, my first love is design and I learned code
    and WordPress later, so Im sure that plays a part – but I prefer to create
    a great static design in Photoshop that the client can approve and gain
    expectations from and then I use that as my pixel perfect guide when I
    translate it to code. There is some overlap, but generally I think you get
    through coding that much quicker since you are just dealing mostly with
    functionality and structure and the style is already planned out for you.
    You are going have to use Photoshop for the images anyway so I find it
    works to just slice it up or whatever from my design. i could see Adobe
    Muse being a useful middle of the road solution though. This is a good
    discussion.

    Reply

  9. Wait, is he talking to kids?

    Reply

  10. Nice presentation. :)) very engaging.

    Reply

  11. thank you >>> it’s really meditation sound man !!! hhh

    Reply

  12. Web design work-flow with Chris Coyier

    Reply

  13. nic thught keep it up…

    Reply

  14. I love to hear Chris talk. Makes web design feel so easy 😀 It’s not. But
    the feelingz are real!

    Reply

  15. I.cannot.like.this.enough. Gees, Chris; what a guy. As a web desiger /
    developer, I could listen to this kind of talk all day. So thanks :)

    Reply

  16. Cant believe this is 2 years old. Its very much valid now in Sep 2014.

    Reply

  17. Chris Coyier is a web designer who writes about web design at CSS-Tricks,
    talks about web design every week on the podcast ShopTalk, and co-founded
    the code playground CodePen.

    Chris Coyier: A Modern Web Designer’s Workflow

    Reply

  18. Great presentation, thank you

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *