This week we’re joined by Jed Schmidt. Jed is a javascript developer and resident web nerd at UNIQLO in NYC. We take a deep dive with Jed into Javascript and front-end frameworks.

We talked about (roughly in order):

Q & A:

16:10 In spirit of keeping markup separate from style, separate from behavior, what are your thoughts on using the HTML5 data attribute as a selector for javascript, rather than the typical classname or id?

28:32 How do you deal with handling the cache of JS and CSS files when rapidly iterating a design for a client?

31:56 I work for a company and my main responsibility is taking a PSD and converting it into a fully responsive HTML + CSS template. Would Grunt be an appropriate addition to my workflow or is it geared towards JavaScript projects?

39:26 What are your thoughts about supporting browser zoom? Do you have any advice on a good policy to give clients on what’s covered as a bug if it doesn’t look right when a user zooms?

45:38 I’ve been recently learning more about Meteor, but I’m wondering what are your thoughts on these frameworks. Do you think they are going to replace front-end javascript frameworks (Angular, Backbone, Ember) + server side framework (Rails, Express, Django) or do you think there’s a reason this separation exists between front-end and back-end?

56:40 How do jQuery Page Loaders work? How can I utilize CSS animations (even SVG at some point) on a page loader? Can you ask jQuery to paint a progress bar for each % of the website it has loaded? Would that slow down the loading?

Sponsors:

25:48 E4H: Responsive Web Design Summit – Environments for Humans brings together some of the Web’s most notable experts in responsive web design and web performance for an all-new, three-day online conference, the RWD Summit 2015! Bring the experts to your desktop March 10-March 12, 2015 from 9AM to 4PM (CT)

Now that the growth of the mobile Web has outpaced the desktop, Web designers and developers are at a crossroads. The race to keep up with every new device dimension and interface could easily dwarf the pain of dealing with browser quirks, but only if we let it! Take a day to discover the newest Responsive Web Design techniques and change the way you build the Web.

Use coupon code SHOPTALK for 20% off your ticket!

37:00 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:

Jed Schmidt

Follow @jedschmidt on Twitter

UNIQLO

Bitwise Operators

24 Ways

Polygon Game

Knockout JS

Angular JS

React JS

Getting Started With Grunt

Gulp

Broccoli JS

Gobble

Node Package Manager

Intro to Meteor

Discover Meteor

Learning React.js: Getting Started and Concepts

Bonobos

Pace by Hubspot

Orbital Bootcamp Fund

NEW!!! Shoptalk Show Job Board!

If you’re enjoying our show, please take a minute to leave us a review in iTunes. We really appreciate it, and thanks to everyone who has already left a review!