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?

Sponsors:

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:

Rachel Smith

Rachel on Twitter

Active Theory

WitnessGotham.com

D3.js

datavis

Snap SVG

Chart.js

Nate Silver

Socket.io

Node.js

PubNub

Iconic

PhoneGap

Ionic

Cordova

Appcelerator

Typescript

CodePen

Creative Cloud Extract