142: With Rachel Smith

01:06:07   Download

This week we’re joined by Rachel Smith. Rachel is currently doing animation/motion design for the web at Active Theory.

We talked about (roughly in order):

Q & A:

  • 16:16 I’ve been playing around with requestAnimationFrame in an attempt to create a smoother, more efficient animated ScrollTo effect for various web projects I work on. In some modern browsers, I’m getting some stuttering at the beginning of or during the animation. Any tips on how to create smoother animations using rAF or relevant resources for this type of problem?
  • 24:08 I wondered if you guys had any good references about animated charts and statistics? I would need to be able to have nice transitions on graphs like the classic google analytics type chart (visit/time) and also other charts like pie charts and so on. What tech would be good for this?
  • 32:54 Do you have a helpful tip on understanding the whole WebSockets ‘pub-sub’ concept?
  • 46:00 I am front end web developer with php experience but have never created a native phone application. Would a program like PhoneGap or ionic be a good solution for this problem or would the “hybrid” app have performance issues?
  • 53:11 I want to know why Photoshop has become an industry standard when it comes to creating layouts for web design. What are some of the benefits of using Photoshop for layouts?


  • 22:22 Environments for Humans: Javascript Summit 2014 – Environments for Humans brings together some of the Web’s most notable experts in JavaScript and jQuery for an all-new, three-day online conference, the JavaScript Summit 2014! Bring the experts to your desktop November 18-November 20, 2014 from 9AM to 4PM (CT).
    • Join some of the Web’s most experienced JavaScript professionals as they share experiences culled from working on sites big and small. Get the tips and techniques that use frameworks to their fullest. Learn from the pros how to tackle Javascript difficulties head-on with proven methods in use by some of the most popular sites on the Web.
    • Use coupon code SHOPTALK for 20% off. Grab your tickets now!
  • 42:27 Adobe Typekit – Typekit is a subscription font service that brings thousands of fonts from foundry partners into one library for quick browsing, easy use on the web or on your desktop, and endless typographic inspiration.
    • Typekit now brings beautiful type to your desktop with the power of Adobe Creative Cloud. Choose the fonts you need, and then use them wherever you need them—whether that’s on the web, synced to your desktop, or both.
    • Check out their typography practice page, and then sign up for a free trial!

Show Links:

  • Jeff Gnatek

    you should post a link for the part dave mentioned about not using offsets for things like sticky headers, i found that really useful.

  • Stacy Kvernmo

    You can build native Android and iOS apps with AppPresser if you have a site in WordPress: http://apppresser.com/

  • re: photoshop it was mostly a throw back from the old bitmap days, slicing graphics and stuff, photoshop is bitmap based, indesign design is purely print and uses points and 300 dpi. Illustrator is good but the current trend is leaning towards Fireworks and it is picking up fast because you can do most of the stuff illustrator can with vectors and also the stuff indesign can do with pages and master templates

    • asecondwill

      really? Fireworks? Adobe have dropped it. If you are that way inclined, check out sketch.

      • True they are, that’s a shame. That should be the Adobe slogan. “Adobe, that’s a shame :(”

        I’ll trek on with my cs4 till the cows come home nevertheless.

        I agree sketch is a good product but its hard to share designs with different designers who don’t use it.

  • asecondwill

    More on Ionic would be awesome. I’ve had a play around and it’s pretty good. I had previously banged my head against ruby motion but Ionic just seems better placed for me. It combines angular JS with a phone orientated css framework & some cool tools etc. Get them on the show!

  • thebigkick

    If you are interested in D3.js there is another layer of abstraction that sits on to of D3.js and makes it a little easier to use called C3.js. http://c3js.org/

    I used it in my latest project, a company analytics dashboard.