143: Rapidfire 40

01:03:09   Download

This week it’s another RAPID-FIRE!!! Nothing but web standards southern gentlemen and hot question and answer madness!

We talked about (roughly in order):

Q & A:

  • 2:37 A question about responsive images: I just came across this CSS approach to specifying a “focal point” of an image so when the browser resizes the image is cropped and it’s location is adjusted so that a specified point stays in the visible area. What do you think? Are there other similar solutions you like better?
  • 5:40 I’m working on a refactor of a site I built a while ago. In that site, I’m loading a font file just for the logo which seems like it might be unneeded page bloat. My question is: is it worth the time subsetting a font for only the characters I need, or would a better approach be some sort of accessible svg?
  • 11:40 I came across thegrid.io and watched their video. I love the concept, but how do you think this will effect the web design industry?
  • 18:30 Is there a good replacement for css resets?
  • 24:33 I’m wondering what your experiences are with hacking attempts and what methods you use to secure your sites and servers; specifically for WordPress sites?
  • 38:01 I recently started to use SVGs instead of an iconfont. However I’m still struggling with the right technique. What are your thoughts on that?
  • 44:11 I have a situation where people are creating and editing content in Google Docs, then pasting the content over to the CMS. Sometimes Docs behaves and doesn’t include a bunch of inline styles, sometimes it isn’t so nice. What is the best/most efficient way to override these inline styles?
  • 51:56 Why isn’t there a good text editor for OS X ? I’m so tired of these multi-platform editors like Atom, Sublime, and Brackets. Are there any better options?


  • 9:18 One Month iOS – One Month iOS is the easiest way to learn iOS Development using Swift. Over the course of 30 days, instructor Alfie Hanssen (Lead Mobile Engineer at Vimeo) will teach you how to build an iPhone app from scratch. The project you’ll be building is a simple photo sharing app similar to Instagram.
    • The best part is… if you ever get stuck, One Month has live support! Each week during the course you’ll meet-up with your mentor for a 1-on-1 personalized session. And in addition, you have unlimited email access for any questions you have along the way.
    • Enrollment is typically $899, but if you join now you’ll get a one time discount of 25% off for joining, AND as always you’re helping support Shoptalk.
  • 36:05 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
    • InDesign Typography with Nigel French
    • Writing for the Web with Chris Nodder
    • Selling on the Amazon Marketplace with Peter Kent
    • And so much more! Learn all the things! Get a free 7 day trial now!

Show Links:

  • Just a heads up… DDOS = Distributed Denial of Service. Distributed meaning many computers.

  • And Chris, PLEASE stop interrupting Dave when he’s trying to say something. I’m sure I’m not the only one who wants to hear what he has to say.

  • @Magnus from the last question: you’re my soulmate. I too feel that sublime is not native enough. Atom and brackets don’t even qualify: Non native text field, no thanks. People always look at me strange when i have this complaint about sublime.

    And i have your unicorn: chocolat app

    We have a humble goal: to build the perfect text editor for OS X.
    It should be a native Mac app and take advantage of all the latest features. No crummy ports from Windows, thank you!

    And they succeed with that IMHO. Its well worth the 49$ price tag.

    It supports mostly all the features you list, but a few im not sure about:
    – quick nav: not sure what you mean. If you mean the minimap then no. And the developer has also said he hates the minimap. If you mean the launchbar type thing then: yes, one for files in your project (with fuzzy search) and one for commands
    – tag highlighing: actually, for html, i don’t think so. matching brackets though

    Few of the things i like:
    – ‘native’ OS X out-of-bounds selection / multi-line cursor support, something a lot of people don’t even know exists
    – the interface has all the features you’d want, like a files sidebar, a status bar, a symbols sidebar on the other side, but you don’t have to use them. I like to have a minimal window with my text, line numbers and errors / warnings in the line number gutter. No extra chrome or borders or stuff.
    – Its a proper multi window document based OS X app, with proxy icons and everything else you’d expect
    – the code completion is crazy good imho

    Really hope this comment reaches you, because i feel your pain 🙂

    • Ugh why does this comment truncate at the important part?

      Edit: never mind, figured out why, osx snuck a smart quote into my html.

  • HowdyMcGee

    @49:00 – The main problem with allowing all tags into the editor that WordPress wouldn’t know which tags to run and which tags to escape. I feel like you would have to explicitly tell WordPress which tags are O.K. to run ( HTML tags ) and which tags to escape / show as text ( script or PHP ) – otherwise if your website was compromised somebody could just post malicious scripts that would just run whenever the post was published. You could something like this to extend the allowed tags into your editor ( https://ikreativ.com/stop-wordpress-removing-html/ ) – you could probably go further and show script tags as text but it would look funny if not in a code block.

    • chriscoyier

      It’s not actually about what tags are allowed or not. Once Markdown has processed on a block of text that has been designated as code, that code is escaped. Escaped code isn’t dangerous anymore, so anything should be allowed. THEN the stripping should run, on HTML that is left there. Unfortunately it happens in the opposite order (as far as I can tell).

  • adam

    You were talking about passwords/hacking. Here’s a good tool to see how secure your password is.

  • Anil Sahu