Show DescriptionWe're RAPIDFire'ing for the final time (or are we?) covering questions about integrating React or Angular into a website, being a good mentor, best practices for managing images, the JAM stack, and more!

Show DescriptionWe've talked about how to make a great podcast, now we're back to talk about what's happening on the front end side of podcast websites and apps. What did Apple announce at WWDC 2017? What's JSON feed and why do we care? And where is podcasting headed?

Show DescriptionShoptalk Show has a new website! So we'll talk about that along with a bunch of your RAPDFire questions like: What do you do about annoying browser extensions? What's the future of front end development?

Show DescriptionWe're back for another RAPIDFire talking some good CSS and JS drama, mailto links, using dev tools as an IDE, generic APIs, and the will-change property in CSS.

Show DescriptionWe're talking with our podcast editor, Chris Enns, all about how we put together ShopTalk Show episodes as well as some tips and advice on podcasting in general: what kind of equipment to buy, making money from podcasts, editing tips, and how do Chris and Dave prep for a ShopTalk Show episode? (Do they prep?)

We’re React-ing to a discussion with 3 developers at Netflix about React: Ryan Burgess, Jem Young, and Naoufal Kadhom. Why did Netflix choose React? We also cover the reason behind Netflix’s obsession with A/B testing?

Jump to a Discussion on…

5:00 What is React and what makes it compelling for Netflix?

8:05 What are the conditions for ending an A/B test?

10:02 Are you doing component swapping or micro text swapping? And why is React good for that?

12:10 What’s the React stew at Netflix?

13:10 Do you use router? Do you use Redux?

14:20 Should people looking to work at Netflix learn React?

17:00 Is the buy in for React too high to change away from it if needed?

18:30 Even if you could prove Svelte to be better, it’d be hard to convince Netflix to change wouldn’t it?

20:01 What’s React native?

21:12 Is it a split code base or is it a shared base?

25:15 What’s the world of writing code for TV?

27:10 Is the markup decent?

29:01 What about styling?

33:30 Is changing a style later a headache in React?

36:03 Dave’s issues with loading Netflix on his Xbox One

39:10 Is the future going to be rough for React with cheaper, smaller devices with less memory and CPU?

42:39 Do we need to be worrying about React Fiber?

48:15 Is there QA for days before you ship stuff at Netflix?

48:50 Who else is using React well these days?

50:00 Would you say that the role of a front-end developer should now include the ability to use JS frameworks?

55:40 What should I do for the future?

@burgessdryan

@jemyoung / Github.com/@young

@naoufal

Links

Front End Happy Hour

Less CSS

Techcrunch: Facebook Announces Rewrite of its React Framework

Rollbar 34:40

One of the frustrating things about being a developer, is dealing with errors.

Relying on users to report errors

Digging thru log files trying to debug issues

Or a million alerts flooding your inbox ruining your day

Rollbar’s full-stack error monitoring, gives you the context, insights and control you need to find and fix bugs faster. Rollbar works with all major languages & frameworks. It’s easy to install. Start tracking errors in 8 mins.

by engineers at Heroku, Twilio, Kayak, Zendesk, Twitch & more.

Go to rollbar.com/shoptalkshow and get the Bootstrap Plan free for 90 days.

Job Mention

Check out the ShopTalk Show Job board

Show DescriptionWe're React-ing to a discussion with 3 developers at Netflix about React. Why did Netflix choose React? We also cover the reason behind Netflix's obsession with A/B testing?

Coding like it’s 1999 – or is it? We’re talking email design and development. What’s the tooling stack? What are the crazy things you can do inside HTML email in 2017?

Questions

6:20 Is email still front end dev? Like it’s 1999?

10:00 What do webkit based clients strip out from HTMl?

11:30 Walking through creating a cool design for a client.

17:25 Should I start in the Litmus builder or in a code editor?

27:18 Chris gets some questions answered about CodePen Spark.

28:30 Do we talk about performance in email?

32:10 Are pattern libraries a thing in the email world?

35:45 Do we still have to inline styles?

40:00 What are the toolsets for building crazy stuff inside email?

46:50 Is email like the web where someone does something cool and then everyone copies it?

48:35 Is email still an important thing? Is it here to stay?

52:55 Chris’ email template idea for the world.

Links

Kevin Mandeville on Twitter / Kevin on Dribbble

Litmus.com

Email Design Podcast episode with Chris Coyier

Camiah.com / Camiah on Patreon

table tr td on Twitter / tabletrtd on CodePen

tabletrtd.com

EmailClientMarketShare.com

Email.Geeks.Chat

Litmus.com/community

Email on Acid

MJML.io

Zurb Foundation Emails

CodePen Spark

Dan Denny

Ello.co

Sponsor: GatherContent 38:13

GatherContent was born from first-hand experience of the stress associated with wrangling content for websites. Our founders ran a digital agency working on content-heavy projects. There were clear processes for design and development but it was content that often caused the chaos. They quickly realized they were not alone in their frustrations of content not being given the respect it deserves.

Built to solve an internal agency issue and now serving 1000s of teams worldwide, GatherContent is a online platform that helps teams organize and produce lots of content for websites.

Get 15% off any GatherContent plan with discount code SHOPTALK.

Job Mention

Check out the ShopTalk Show Job board

Show DescriptionCoding like it's 1999 - or is it? We're talking email design and development. What's the tooling stack? What are the crazy things you can do inside HTML email in 2017?

Grid is getting a ton of support in modern browsers and so we’ve got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid – what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?

Questions

7:00 What is grid? And what does it mean?

16:30 What’s the mobile story for grid?

22:30 What is grid and why should someone be excited about it?

27:40 What about all that extra CSS with grid?

36:10 What’s autofill?

47:40 How do flexbox and grid play together?

1:01:02 When should you use something like Bootstrap?

Links

Jen Simmons / @JenSimmons

labs.jensimmons.com

Layout.Land

Rachel Andrew / @RachelAndrew

GridByExample.com

CSS Layout Newsletter

Perch CMS

JenSimmons.com: Do I Need to Learn All the Properties for Grid?

StyleGuides.io

Get Firefox

ShopTalk Show Cardinal Sins Committed

Dave has a fake Swiss accent.

Sponsor: Rollbar 46:08

One of the frustrating things about being a developer, is dealing with errors.

Relying on users to report errors

Digging thru log files trying to debug issues

Or a million alerts flooding your inbox ruining your day

Rollbar’s full-stack error monitoring, gives you the context, insights and control you need to find and fix bugs faster. Rollbar works with all major languages & frameworks. It’s easy to install. Start tracking errors in 8 mins.

by engineers at Heroku, Twilio, Kayak, Zendesk, Twitch & more.

Go to rollbar.com/shoptalkshow

Job Mention

Check out the ShopTalk Show Job board

Show DescriptionGrid is getting a ton of support in modern browsers and so we've got a couple of grid experts in Jen Simmons and Rachel Andrew on to help us navigate the grid - what is it? When can we use it? How do flexbox and grid play together? What about Bootstrap?

RAPIDfire Q&A time! Pew! Pew! We’re gonna “A” as many of your “Q’s” on this one including monitor recommendations, VIM vs eMacs vs Atom, frameworks or vanilla javascript, creating a family tree on the web, BEM, and side projects when you’re trying to get hired.

Questions

9:23 Follow-up: Do you have any opinion on screens and maybe even having two – one for high end work and one) for low end reference, or is it not really needed for web work?

20:54 So what’s the deal with VIM and Emacs? Why is there such a hardcore community and what do they offer that I’m missing?

30:40 I’ve been struggling to get good my learning JavaScript, and came across someone saying it’s better to learn a framework first, and then deal with understanding vanilla Javascript. Do you agree?

37:00 I want to create a webpage for a large family tree. I don’t care what I write it in but would like it to be responsive and fairly easy to add/update people. Any thoughts on what to use to display data?

44:44 How do you guys feel about BEM?

52:00 When hiring, I appreciate that a developer does side projects to hone their skills, but I also wonder if there might be a conflict of interest. I was wondering if you thought this might be an asset or problem for companies looking to hire?

Links

SlidesJS

Slides.com

LG WQHD IPS Curved 34-Inch LED-Lit Monitor

Making Sense of Color Management

Microsoft Visual Studio

Atom

Vim

Emacs

GoMakeThings.com

CodePen Family Tree Search

Dave’s The Government is Watching

SMACSS

BEM

ShopTalk Show #257 on Hiring

ShopTalk Show Cardinal Sins Committed

Dave created his own HTML slide deck framework.

Sponsor: CodePen Teams * 29:01

People who are on the same team have shared access to CodePen in a way that allows you to work together better.

Everyone can create and edit Team Pens.

Everyone can upload and access Assets.

Everyone can curate Collections.

Everyone can see and manage Private Pens/Posts/Collections.

Part of the convenience of PRO Teams is that the billing is combined. Only one payment needs to be made that covers all members. Team size can be adjusted so you’re just paying for what you need.

The Team itself has all the PRO features on CodePen. That means the Team can do things like upload Assets, use views like Collab, Professor, Presentation, and Live View, and apply custom CSS to Posts, Profiles, and Embeds.

Beyond that, all members of the Team also become PRO. Even when they aren’t using CodePen in the Team Context.

Job Mention

Check out the ShopTalk Show Job board

Show DescriptionRAPIDfire Q&A time! Pew! Pew! We're gonna "A" as many of your "Q's" on this one including monitor recommendations, VIM vs eMacs vs Atom, frameworks or vanilla javascript, creating a family tree on the web, BEM, and side projects when you're trying to get hired.

We’re back for another RAPIDFire episode answering your questions – but first a quick #davegoeswindows update. Then we dive into questions about improving WordPress’ default search, marketing a CMS, adding team members, using @supports with Flexbox, securing a site with nginx, server-side rendered JS apps, and finally some recommendations on conferences to attend.

Questions

6:40 You mentioned in a talk at WordCamp Miami that the default WordPress search is bad. How can we improve it?

15:15 Say you have built a CMS. Say you thought it was perhaps the best CMS for developers out there. What would you do with it?

23:14 What tools/tips do you have for moving from a solo show to a team environment?

32:01 Audio comment contributing to the conversation from episode 253 about using @supports with flexbox.

40:30 Am I missing something or is there simply no way to fully secure a site on a shared host running nginx?

45:00 The problem with server-side rendered Javascript applications is that until the JS is loaded, the page is just a dummy thing that you can just look at and do nothing. What do you think about this? Or is there something I a missing about server-side rendered JS apps?

56:00 There seem to be so many well organized conferences, so any help you two could provide in narrowing them down would be super helpful.

Links

WordCamp Miami

Alogolia Search

Presentable Episode 22 with Jessica Hische

WordPress

Perch CMS

Get Kirby

Ghost

Craft CMS

Paravel

Voltron Up

Google Lighthouse

PWMetrics

JS Conf

Big Omaha

Squares Conf

CSS Dev Conf

An Event Apart

Build Right Maker Series

CSS-Tricks 2017 Conference Guide

Job Mention

Check out the ShopTalk Show Job board

Show DescriptionWe're back for another RAPIDFire episode answering your questions - but first a quick #davegoeswindows update. Then we dive into questions about improving WordPress' default search, marketing a CMS, adding team members, using @supports with Flexbox, securing a site with nginx, server-side rendered JS apps, and finally some recommendations on conferences to attend.