234: Rapidfire 70

00:58:56   Download

What are your thoughts on atomic CSS? Is responsive web design making traditional web design less important? How should you animate between pages of websites? Does podcasting while wearing suits make for a better episode? It’s a RapidFire episode celebrating our 234th episode.

Q & A

  • 5:15 I’ve just start as a freelancer and I’m asking myself what I do for the billing when I’m using a web font from a service like TypeKit?
  • 8:15 Could the device-width media feature be used to achieve common break points between iframes and their parent pages? How can you get these in sync? Sample CodePen
  • 14:23 I’ve been trying to improve the build automation where I work. Your ideas/thoughts on how this could be achieved and on the speed differences in FE task runners would be great.
  • 22:10 How do you manage the web development process? I often feel like I’m at a constant battle between a “good” product and satisfying my boss?
  • 28:00 I feel a little reluctant to include open source marital in something I would present to a possible employer, is this hesitation justified?
  • 33:32 Are single-use classes a good way to go for a large, shared codebase? I work for a large company with multiple front-end devs on each project, and the more I look at our growing stylesheet, the more I feel this is a way to go.
  • 42:37 I am wondering if traditional design is becoming less important. I started feeling this way few years ago. With RWD, designers don’t create new design but we just pick a design pattern. Sometimes I wonder if my clients will have just as much success if they just used something like Squarespace.
  • 51:50 A lot of clients are asking for sites with lots of animations and site transitions. Have you heard of anything like that?

Links

Sponsor

Media Temple – 32:05

Media Temple’s wildly popular Grid Hosting has been revamped! The Grid Personal plan is now only $20 a month and gives you 100 sites, 100 databases, 20 GB of SSD storage, 1000 email boxes, and more. If you outgrow that, for only $30 a month you get five times that on the Grid Pro plan.
We use Media Temple hosting right here on ShopTalk Show!

Visit Media Temple and check out the updated Grid Hosting plans

Job Mention

  • vedtam

    Guys, what you do is so grate, but sometimes your stuttering makes me closing my browser long before I get to the end of the episodes.

    • Jason Neel

      Stuttering? I’ve never really noticed any stuttering…

  • Lawrence Francell

    Hi Gents, I was tinkering with this thought of ‘less than 3sec load time over 3g’ vs. the massive JavaScript Apps.

    I think most of the frameworks load an app into an HTML element on a default ‘index.html’ from the server. Within that element ‘div#myapp’ in the DOM we could load some “pre-app” content.

    No more than a tiny background (SVG preferably or image) and some Text. A simple, lightweight bit of content that is “above the fold” and passes the Google page load metrics and the minimal CSS etc.

    This might improve Time to Interactive if we had a simple bit of content and a link to a contact sub-page or some CTA… it also gives any possible non-JS web surfers some kind of fallback display/CTA.

    The content in the ‘app’ element would then have a gentle or even transparent transition into the actual Ember/Angular/Meteor/React App.

    Here is a Horrible app demo http://codepen.io/Twintails/full/ozorbO/
    webpacked react app replaces the div#app content – in Chrome, inspect and throttle the network.