133: Rapidfire 36

01:00:59   Download

This week it’s another RAPID-FIRE!!! Nothing but hot question and action action!

We talked about (roughly in order):

Q & A:

  • 3:29 My question is about LiveReload. I want to use this but am having trouble getting sass, wordpress, and LiveReload to play nicely. When setting up live reload do you use the JS snippet or the chrome extension? Do you let LiveReload compile your sass, or use your tool of choice?
  • 13:10 Is there a way to link lyrics to a song so that the word that is being sung is highlighted?
  • 20:18 How does one bounce back from a bad job interview?
  • 24:44 There is a growing trend now to switch from Photoshop to Sketch. I have been working in a Windows environment all this time and I have no idea what to do if I got a Sketch document! Should I ask the designers to extract the assets to me and use a JPG as a reference? Should I turn down jobs I am getting that aren’t in Photoshop till Sketch releases a version that can run in Windows?
  • 33:21 What are your thoughts on the single responsibility principle pertaining to classes in html/css? If you use this principle, do you extend many classes in sass?
  • 42:42 I have seen examples (Chris even did one on css-tricks.com) where you can have audio playing even after changing pages. Is it possible to do this with video in the sidebar?
  • 48:23 What is the best way to query for the span element above using javascript?
  • 55:05 I’m looking at switching my line-height set up from rem width px fallback to unitless. This is for a responsive project, where the support benchmarks have been set pretty far back. What the benefits are compered to staying with rems, and is there a performance/rendering benefit, or does unitless help with responsive?


  • 17:35 E4H: CSS Dev Conf The first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans.
    • Three keynotes and 24 sessions over three tracks makes for a fast-paced two-day immersion into modern multi-device design and development!
    • Grab your tickets now!
  • 31:20 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like:
    • SVG
    • JavaScript for Web Designers
    • Creative GoPro Photography and Video Techniques
    • Up and Running with Genesis for WordPress
    • Creating a One-Page Scrollable Website with Adobe Muse
    • So much more. Learn all the things! Get a [free 7 day trial now]!(http://lynda.com/shoptalk)!

Show Links :

If you enjoyed this show, please let people know by leaving us an iTunes review! We really appreciate it. Thank you!

  • awesomephant


  • Robert Khayat

    Thank you for changing the sound, however could you equalize the sound so the effects aren’t much louder than your podcast? I would greatly appreciate that!

  • Paweł

    Advice to get a Mac to open sketch documents is not really an advice. Note that many ppl that are making web are not only designers but also developers. And for developers it’s more complicated where it comes to platform that they use. Imagine that dev that sticks with ASP and C# is provided with a sketch file. So he have to use two operating systems? Not really an option. We still have two hands and keyboards require both of them. I don’t really see any issue with asking client to export sketch document to some other format. On other hand it would be really good if makers of sketch would make a port for win or linux.

  • Just wanted to say that Browser-Sync has been a life saver for me. Left livereload in the dust 6month ago and haven’t looked back. It’s much easier to setup than livereload, and works great from within grunt, gulp, or just plain ole’ command line. The “files” option will let you “watch” any set of defined files and do reloads for you. Sure you get the added benefit of “syncing” your actions across browsers, but even for just everyday stubbing something out with only one browser open this is a must have tool!

  • The new sound effect is lame. You should use this one!

  • adam
  • Another reason for leaving the Mac platform is maintenance costs and downtime. If you live in the US it’s all good. But try getting a Mac repaired in most foreign countries. No warranty support so your AppleCare is wasted. No $250 mail-in repair. Heavy import/export fees if you did figure out how to ship something. No Apple stores and/or genius bars. All of this adds up to WEEKS where you won’t have your computer. That’s an income-killer.

    So I use a PC laptop. PC’s and their accompanying repair/service/parts are ubiquitous. I saved 50-60% on the initial purchase, another 10-15% on the AppleCare. I can have fast repairs and pay cash and still come out ahead. Hell, I can buy a NEW laptop and come out ahead! And I can probably keep my downtime to something like 24 hours.

    After all, one of the reasons I do ‘freelance’ web dev work is to be location-independent. I’ve seen plenty of my fellow digital nomads with Macs, but after both of our MacBook Airs required logic board replacements in 2012-13 the flaw in our plan was exposed. $850 + downtime in Mexico. After we flew back to the States (planned trip) it was a $250 mail-in, which turned into $0 after a customer service snafu. Again, if I was Stateside I’d keep ’em. But in Mexico I’m all PC.

    Which leaves me Sketchless…