139: RapidFire 39

00:59:12   Download

This week it’s another RAPID-FIRE!!! Nothing but mouth guns and hot question and answer madness!

We talked about (roughly in order):

Q & A:

  • 8:16 Is there a reason to use single quotes instead of double quotes when writing HTML?
  • 11:45 I started doing work (with a group of fellow students) for a client 6 months ago, and they keep coming back with more work and changes to the site. I still haven’t been paid for the original work, and I can’t keep working for free, but I really need the money (if they ever pay). What should I do?
  • 20:12 I work for an agency that hires a new developer every 9-12 months or so (with 5 currently on staff). Besides resources, what kinds of things can we put in place to not only make that a more seamless transition, but also for us to perform as a more cohesive unit?
  • 26:10 My question is about rendering quality of text when the CSS transform scale is applied to the container. After scale is applied the text looks blurry. I tried using some of the fixes (like text stroke, for example), and it’s a little better but still not very sharp. Any suggestions?
  • 36:00 What are the latest developments for dealing with the responsive image “art direction” problem?
  • 44:59 How do web designers and developers handle the hosting of their own sites and their clients’ sites without it becoming a logistical nightmare?
  • 51:20 The other day I saw a stack overflow question where somebody posted a PSD of a share button their designer had given them, and asked for someone to make it work using pure CSS. What are your thoughts on the ethics of outsourcing to stackoverflow?


  • 17:17 Environments for Humans Online Conferences
    • UX Future Summit – Rosenfeld Media and Environments for Humans bring together some of the Web’s most notable experts in for an all-new, one-day only online conference, the UX Futures Summit 2014! Bring the experts to your desktop November 5th from 9AM to 4PM (CT).
    • SASS Summit – A full-day deep dive into Sass–setting up from workflow foundations to learning the cutting edge Sass stuff coming in version 3.4. Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more. Bring the experts to your desktop November 6th from 9AM to 4PM (CT).
    • Use discount code SHOPTALKSHOW for 25% off! Get your tickets for the UX Future Summit and the SASS Summit now!
  • 33:57 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like:
    • Audio & Music Production
    • Logic Pro X
    • 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
    • And so much more. Learn all the things! Get a [free 7 day trial now]!(http://lynda.com/shoptalk)!

Show Links:

If you’re enjoying our podcast, please let people know by leaving us an iTunes review! We really appreciate it. Thank you!

  • Bring back the original gun sounds! The lasers suck! And Chris, if you don’t care about it, why do you keep bringing it up?

  • Also on the StackOverflow question (http://shoptalkshow.com/episodes/139-rapidfire-39/#t=51:20 ):
    StackOverflow is a site meant to help people learn, and not to do free work for people. There are rules in SO that state that the question-askers must show what they’ve already tried, whether that be in actual code or in theory. This way, the question serves its true purpose in helping the question-asker understand how to create the button in CSS. Teach a man to fish, yada yada yada.

  • One thing to watch out for and I never see mentioned (usually because you want a full-width image/video/etc) with the padding-bottom trick: it assumes the div is 100% of the parent. If it isn’t, you need to multiply the padding-bottom by the % width of the div; e.g. for a 2:1 ratio, a 50% width div, would need padding-bottom: 25% instead of 50% to have the correct “height.” http://codepen.io/brouxhaha/pen/BtCgn

  • Guest

    Re: first question.

    Part of being in business is making money. Never be afraid to push back on scope creep. It’s ok to go “above and beyond” — but not too “above and beyond.” I think you learn from experience. Also a well-written contract is your friend in terms of communicating expectations, etc.

  • Nick

    Re: second question

    Part of being in business is making money. Your project managers and account people should be onboard with that and be comfortable talking about it. They sometimes aren’t.

  • naduh

    the link to the codepen meetup goes to dribbble meetup instead of the codepen meetup.

    • chriscoyier

      thx! fixed

  • Just want to share my 2 cents on the single quote double quote thing…My personal policy…and that is all it is…is to use double quotes for HTML attributes and single quotes in JS and PHP…the two scripting languages I use…CSS…I think I use double as well where needed…anyways reason is in cases where you have to output a string of HTML that has attributes you then do not need to escape the quotes…for example:

    echo '<img src="my-image.jpg" alt="My image" />';

    Just my reasoning..

  • Chris and Dave, have you thought about a frying pan, golf club, mallet, or kung-fu sound effect instead? Those are violent and satisfying w/o evoking Columbine (source: I play a lot of Smash Brothers)

  • I had to set up my own sound board and add the gun sounds back in order to enjoy the show.