EPISODE · Dec 15, 2014 · 1H 7M
146: With Jed Schmidt
from ShopTalk Show · host ShopTalk
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!
What this episode covers
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!
NOW PLAYING
146: With Jed Schmidt
No transcript for this episode yet
Similar Episodes
No similar episodes found.