065: With Ben Frain

01:04:58   Download

This week we were joined by Ben Frain, a web developer, technology columnist, and book author from Cheshire, UK. Ben has written for major publications like MacUser, .net, and The Guardian and is also a very famous television actor. We talked about (roughly in order):


Q & A

  • 21:45 Wouldn’t it be easier to group media query stuff into blocks and @import them in chunks?
  • 27:50 How do you compile Sass server-side?
  • 32:45 If I use Coda 2 will I be cooler than someone who uses Sublime Text?
  • 35:10 Are there benefits to switching to Sass if a project is already in LESS?
  • 44:20 How can I use a Git workflow and retain working offline?
  • 51:30 Is there a standard for structuring a Sass project? (The Sass Way on structure, Globbing)
  • 58:35 If you’ve gone-commando directly on some .css on the server, but the project is in Sass, is there a way to port those changes back?


  • Hey – you guys talk a lot about Sass and Less and how to organize those files. One GREAT example of this is Twitter Bootstrap. It uses Less by default (although there are Sass forks as well), and is a great learning tool/example go by. https://github.com/twitter/bootstrap/tree/master/less

  • Amit

    Hi guys, was there a 20% coupon for WP Migrate DB Pro or did I miss that 😉

    • I think it was CSSTRICKS

      • Amit

        cheers! thanks

    • Further to the show and Chris talking about WP Migrate DB Pro I bought it and used it to migrate remote to local on my own site for a bit of dev work. Works absolutely great. I think they should sponsor STS 🙂

      • Amit

        They sure should 🙂 I got me a copy too…

  • For the Coda user going FTP commando, here’s a little trick to get it to recognize changes to the compiled css and mark it for publishing: http://hicksdesign.co.uk/journal/detecting-compiled-css-changes-with-coda-2

  • RE: Transferring the cowboy live edited CSS back into your SASS file. I think the guys are along the right lines but are overcomplicating.

    I would:
    – Bring back the live CSS

    – Diff it against the CSS that your SASS generates

    – Move any differences over to the SASS files, converting any values to variables as appropriate

  • thanigaivel

    The techniques to scrap a page using Dom document is given in the site
    http://phpdimensions.blogspot.in/ you can take a look at this for your reference…