CSS-Tricks Screencast #124: A Modern Web Designer’s Workflow

Web Design

In today’s tech-savvy world, more and more businesses and organizations are realizing that DIY websites or—gasp—no website at all just won’t cut it. And now that mobile Internet usage has officially overtaken desktop usage, the do-it-yourselfers are having a hard time designing websites that are smartphone compatible.

If you’ve got what it takes, Web design can make for a satisfying career. But the road isn’t easy: You’ll need to be able to market your skills effectively to stand out. A network as much as possible. You can start a blog, speak at local events, and learn from others in your field. You’ll also need to have the skills to complete complex projects and the personality to please demanding customers.

Slides from a talk I prepared for some conferences in late 2012-early 2013.

You might also like More from author


  1. John Ramirez says

    Good stuff I was able to reaffirm some of workflow we use and see other tricks I can add to it. 

  2. Mark Eagleton says

    Misophonia trigger warning 0:16:58

  3. Denis Stepanov says

    it feels a great passion in your voice. it’s a joy to listen such enthusiastic speaker:)

  4. Jason Benham says

    I do both, as it is good to stay on top of your skills. And when you can’t create things they way you want with one then you can use the other.

  5. sSunbeamM says

    960 px is a good width for webdesign? (or online shop design.. ebay and so on…

  6. russell schaeffler says

    Pencil and paper is the quickest way to get your mind flowing then move on to what you feel comfortable with photoshow, code, or I usually move to illustrator.. now you can create a lot of the css in the design program.

  7. Zhou Liu says

    Awesome!!!  I have learned so much! Thank you so much!!

  8. Osayande Davidson says

    The video is just too blurred that I find it dificult to read what is written in it. Please try uploading a more enhanced video as you are doing a great job helping people like me.     Thanks


      Clean your fucking screen.

    2. S.A. Khalili says

      Your might have a slow internet connection, therefore your picture quality not in HD. 

    3. TheCrazyGamer89 says

      +Osayande Davidson well it has 1080p so…

    4. StraitD2 says

      +Osayande Davidson Click the little “cog wheel” setting icon in the bottom right of the video called “Settings”, click and change the “Quality” to a higher one. I suggest you switch from wireless access if you can to a wired LAN internet access. This will greatly enhance your quality. A lot of times it’s not the person’s video, it’s your internet. It can be blurry to you, even on HD.

    5. Archie says

      +Osayande Davidson, I had this same issue and have seen it in other video situations. I got a fix by clicking on the gear symbol “settings”, and setting to a lower resolution and then back to 1080HD.

  9. Mark Fischer says

    You finally convinced me to use SASS.

  10. John Lindstrom says

    “In photoshop text just looks like a bummer” I had a good chuckle at that. It definitely sucks for text and having half pixels.

  11. Joseph Campbell says

    You converted me from working directly on my server… just bought Sublime Text 3, and I am going to be using pre-processors now. WEBDEVELOPMENT!!!

  12. hitokage4 says

    I super enjoyed this talk and a look into your brain a little! …However, one thing that drove me nuts: it sounded like you were going in and out from the mic over and over and over so the volume would go up and down as if you were rocking back and forth. Really distracting! Otherwise, fantastic video and love your site!

  13. Murhaf Sousli says

    I enjoyed it, thank you

  14. Fausto Fimbres says

    at 1:10:27 almost got fired for laughing so hard xD, good vid good vid.

  15. Archie says

    Sincere thanks for your contribution to WebDev and all those working to be better. You’re making a difference in a good way.

  16. JamesScottGuitar says

    As someone just learning about this stuff I would like to say, “THANK YOU!”

    Incredibly fascinating *AND* informative.

    Love your teaching style, the way in which you articulate these ideas and concepts.

  17. Diomedes says

    awesome!! thank you for uploading this in 2013

  18. Jasin Tairaidrissi says

    I wonder how much of your workflow is changed by now, if any? And what is new in your approach

Leave A Reply

Your email address will not be published.