148: With Nathaniel Deal

01:05:38   Download

Nathaniel Deal is a front end developer that works at 352 Inc. in Atlanta. We discuss his custom nerf gun + Arduino setups, developing locally with Codekit, responsive tables, designing for Apple Watch and other small screens, and so much more.

We talked about (roughly in order):


  • 14:40 Wellington adds the missing piece to SASS, file awareness. Wellington can create relative paths to your assets and sprites from images in the image directory. This tool is designed to work directly from sass, no need learning a new language or messing with separate spriting tools!

Q & A:

  • 23:00 With the increased popularity of the Grunt task runner, have you guys migrated away from Codekit all together or are you using both Codekit & Grunt simultaneously (or just Codekit)? If I’m a lone designer / developer not working on a team, shouldn’t Codekit have all the functionality I need?
  • 30:23 I frequently hear that using display:none to hide elements that only appear at certain breakpoints is bad practice. What’s the better, preferred method?
  • 33:57 I have a question about responsive websites and SEO. I’m a WordPress developer and usually I have 2 menus for a responsive website, a main menu for large screens, and a mobile menu. Will I get penalized in SEO for having this second menu?
  • 39:22 Do we need to start thinking about how our websites will look on smart watch size screens?
  • 44:12 What are some good strategies for dealing with tabular data in responsive design?
  • 48:25 Standards pushed us to code more consciously. RWD put the focus on accessibility and performance. What’s the next big thing?
  • 55:06 What’s the best way to transition to a Flexbox layout for a more established site? Does it require a full rework, or is there a way to introduce it gradually? Which makes more sense?


  • 20:48 E4H: Responsive Web Design Summit – Environments for Humans brings together some of the Web’s most notable experts in responsive web design and web performance for an all-new, three-day online conference, the RWD Summit 2015! Bring the experts to your desktop March 10-March 12, 2015 from 9AM to 4PM (CT)

Use coupon code SHOPTALK for 20% off your ticket!

Winner of the ticket giveaway is Omar Bravo!

  • 36:42 lynda.com – The best online learning resource. New courses are posted every single day, and there are 505 web design related courses.

Check out some super great courses like:

  • 20 Years of Web Design and Communities by Jeffrey Zeldman
  • Logic Pro X
  • InDesign Typography with Nigel French
  • Writing for the Web with Chris Nodder
  • Code Clinic

And so much more! Learn everything you need to know to be a great developer! Get a free 10 day trial now!

Show Links:

If you’re enjoying our show, please take a minute to leave us a review in iTunes. We really appreciate it, and thanks to everyone who has already left a review!

Check out the Shoptalk Job Board!

This week’s featured job is a UI / Front End Developer position at 9Shot Golf! Check it out!

  • adam

    You guys were talking about displaying a website for a watch. A possible solution would be to just create a stylesheet similar to a print stylesheet that hides all the images and just shows the text.

  • Leonardo Baptista Lopes

    Hey guys, the download link refers back to the post permalink.

    • chriscoyier

      Sorry! fixed.

      • Leonardo Baptista Lopes

        Thanks Chris! Anyway, a good thing about being a webdesigner is using the web inspector 🙂
        Lemme just congratulate and thank you both for the show!