125: Rapidfire 33

Download MP3

This week it's another Rapid Fire!!! Nothing but the best darn question and answer action you've ever heard!



Chris Coyier and Dave Rupert in silly sunglasses and a sign that says Shawp Tawlkk Shough DOT COM

Chris Coyier and Dave Rupert

This episode is with just Chris & Dave, ShopTalk Show's hosts. Chris is the co-founder of CodePen and creator of CSS-Tricks, and Dave is lead developer at Paravel.

Time Jump Links

  • 3:30 Do you have any rule of thumb for deciding when to use the new element (using the picturefill polyfill) vs just using CSS background images with media queries for responsive images? Is it more a question of semantics?
  • 12:15 What is translateZ traditionally used for and how can it help me with my front-end style markup?
  • 24:26 I love inline-block, it's great and allows for easy simple vertical alignment. However it always adds that little bit of extras space making items wrap, e.g. a list of 4 with each set at 25%. Is there a better/cleaner way than commenting out the space? Why does it even happen?
  • 31:36 I'm trying to move from icon font to SVG-based. Can you reference an external style sheet in the SVG file itself and use that as a single place to change styling across all the icons?
  • 38:45 In jQuery, what is the difference between the .on function and the .click function?
  • 44:47 I'm curious on what your thoughts are for terminology changes across an entire project. To give you some background, I work for a company that has created a web-based software. We have come across stages in our development that we want to change the terminology for functionality in our site. How would you guys go about this?
  • 51:44 Regarding performance on mobile, is it better to A) have all content on page load and then show-hide it, B) inject the markup and content dynamically or C) load that markup and content using ajax, when a tablet o desktop media query matches, so secondary content can be shown to these more capable browsers.