Sign up to save your podcasts
Or
Share ShopTalk Show
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
ShopTalk Show
By ShopTalkTechnology
ShopTalk Show episodes
- 113: Rapidfire 26
This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action!
We talked about (roughly in order):
Q & A:
- 2:25 I know with the tag you have the ability to add various image sizes based on screen size. Will there be something similar for the tag?
- 6:20 Ember JS vs Angular JS: which would you choose?
- 7:46 What are your thoughts on styling scrollbars?
- 12:18 Grunt VS Gulp: Fight!
- 16:15 I’m really only using SCSS, why do I need Grunt or Gulp?
- 20:50 How do you deal with ads, more specifically AdSense, when it comes to responsive design?
- 25:33 How do I import a CSS file into SCSS?
- 29:55 How do I find a web design mentor? Where do mentors go to find people who want to learn?
- 34:40 Is Require JS something worth diving into?
- 39:26 Using P to wrap a label instead of div?
- 43:20 I’ve come across a blog post which tells me to basically stop using Grunt and jump over to Gulp, which does a similar thing but better, apparently. Do you two personally change tools often or do you tend to stick with the same one for quite a long time?
- 47:07 What is Socket.io?
- 52:25 What’s your favorite open source CMS for large scale sites?
- 54:30 I’m working at a startup, can you share some advice about writing scalable CSS?
Sponsors:
- 19:11 lynda.com – The best online learning resource. Check out great courses like: – Excel 2013 – Working with Dates and Times – Lightroom 5 New Features – Intellectual Property Fundamentals Get a free 7 day trial now!
- 28:07 E4H: Artifact Conf May 5-7 in Austin, Texas: a two day, one-track conference with some of the greatest speakers on the web, including Dave Rupert, Jeremy Keith, Trent Walton, Brad Frost, Josh Clark, and more. Use discount code SHOPTALKSHOW for $100 off your ticket (group discounts available).
Show Links:
- Ember JS
- Angular JS
- Getting started with Grunt
- Gulp
- Require JS
- Flight JS
- Book Apart Name Generator
- Macaw
- Socket.io
- CSS Style Guides
- Creating Style Guides
- Pattern Libary
- Harry Roberts
- Nicholas Gallagher
- SMCSS
- OOCSS
1 hr 3 min - 112: With Tim Murtaugh
This week we were joined by Tim Murtaugh, you might know him as the guy who helped make the A List Apart website…
We talked about (roughly in order):
News’n’Links’n’Drama:
- 13:05 Trim
- 16:22 How to be an Open Source Gardener
Q & A:
- 25:48 Why you would use GitHub over BitBucket when the private repos on BitBucket are clearly cheaper?
- 32:08 How do you prescribe handling various content styles within a given module? Things like font size, color, and bottom margins?
- 40:34 Do you think that certificates are of value when looking for a job? Is it worth finding and completing courses that ‘verify’ the assortment of web-related skills that I have?
- 45:10 I came across this website www.unfold.no and I was wondering: how did they make their website scroll infinitely around in a circle?
- 50:24 Safari Reader – how does it determine the relative content and what to display and at what article length does it kick in?
- 56:15 I saw this new bootstrap theme/framework that has dozens of pre-made components that you combine like a puzzle to create a website. This looks pretty good at first on how they present it in their video but when I started using it I was disappointed and it took away the fun of making a website. What are your thoughts about buying and editing themes
Sponsors:
- 24:08 Breaking Development: Beyond the Desktop – two events: Nashville July 28-30, and Orlando November 3-5. Beyond the Desktop is a single track conference that looks to blend the conceptual and practical by brining you talks that will give you information you can take back to work the next day as well as new ideas that will force you to think bigger and more long term. Come and join in with other great attendees and speakers to recharge your approach and get excited about working on the web. Use discount code shoptalkshow for $100 off!
- 38:33 E4H: Artifact Conf May 5-7 in Austin, Texas: a two day, one-track conference with some of the greatest speakers on the web, including Dave Rupert, Jeremy Keith, Trent Walton, Brad Frost, Josh Clark, and more. Use discount code SHOPTALKSHOW for $100 off your ticket (group discounts available).
Show Links:
- Tim Murtaugh on Twitter
- Monkey Do Design & Development
- Trim
- How to be an Open Source Gardener
- Battle of Brothers
- Unfold.no
- Readability Developers Guidelines
- Designmodo Startup Framework
1 hr 3 min - 111: With Dee Gill
This week we were joined by Dee Gill. Dee transitioned her career from finance to software engineering in part via a dev bootcamp, so we talk about the many different ways to learn web development and programming.
We talked about (roughly in order):
News’n’Links’n’Drama:
- 25:50 #HOTDRAMA Feedback
- 29:02 Revisiting the Brendan Eich situation
Q & A:
- 34:00 I’ve been doing front end dev work for a little while on my own, and now I’m ready to join a team. Do you have any suggestions for me regarding the interview process?
- 37:47 What do you guys think about online learning resources like Codacademy and Treehouse?
- 45:58 Should I go to college to learn web development? What about programming bootcamps?
- 52:23 How do you keep tabs on all the things you care about and stay passionate?
Sponsors:
- 42:30 Survey Monkey SurveyMonkey is the world’s leading online survey platform, with more than 2 million survey responses every day. SurveyMonkey has revolutionized the way people give and take feedback, making it accessible, simple and affordable for everyone. They just launched the very first SurveyMonkey app for iPhone and iPad. With the new SurveyMonkey app, you can create your poll or questionnaire on your phone and track results on-the-go. Check out the app in the iTunes app store.
- 23:31 Media Temple – For years, Media Temple’s Grid service has been the web hosting choice of more designers, developers, and creative professionals than any other platform. A single Grid account can host anything from your portfolio site to 100 different client projects. Special discount for The ShopTalk listeners, use promo code shoptalkshow for 25% off your first month of web hosting. Go to mediatemple.net and enter shoptalkshow upon signup.
Show Links:
- Dee Gill on Twitter
- Survey Monkey
- Hackbrite Academy
- Treehouse
- Codacademy
- CodeSchool
- Andy Bud: My Advice to Young Designers and Developers
- Lean In
- Articles about Sharon Sandberg
- Codepen Radio #7: Complexity
1 hr 2 min - 110: With Julie Ann Horvath
This week we were joined by Julie Ann Horvath, designer and developer for &yet. Julie has recently been the subject of tech news headlines because of her public resignation from her previous employer (Github) due to sexism and harassment. It’s a heavy and traumatic topic, but we’re thankful to Julie for sharing her experience so we can grow as a community and prevent these types of unfortunate events in the future.
We talked about (roughly in order):
- 5:15 Story behind Julie’s GitHub exit (Full Story: TechCrunch)
News’n’Links’n’Drama:
- 28:37 Brendan Eich resigns as Mozilla Corporation CEO
- Note: Within minutes of wrapping this episode, Brendan Eich stepped down as CEO.
Q & A:
- 38:09 Do you have any advice on where to look for jobs where an experienced front-end developer could learn from their co-workers and be challenged?
- 46:52 Since there are a lot of web development languages to learn and many developers know the usual HTML, CSS and Javascript. Which language would you say is a niche market to learn for hire?
- 50:48 I feel like I may have too much on my plate for the year: should I ask my team for more help?
Sponsors:
- 20:27 Harvest Harvest is a beautifully crafted business tool for tracking time spent on client projects. Work from anywhere by starting a timer via web browser, desktop, iPhone or Android. It’s effortless to start a timer. No matter where you find yourself plugging away, the focus stays on the task at hand. After the free 30 day trial period, use code “SHOPTALK” before June 1st and receive 50% off your first month.
- 43:08 E4H: Artifact Conf May 5-7 in Austin, Texas: a two day, one-track conference with some of the greatest speakers on the web, including Dave Rupert, Jeremy Keith, Trent Walton, Brad Frost, Josh Clark, and more. Use discount code SHOPTALKSHOW for $100 off your ticket (group discounts available).
Show Links:
- Julie’s Website
- Julie on Twitter
- andyet.com
- Human Javascipt Book
- Passion Projects
- Head over to Shoptalkshow.com and sign up to get email notifications!
1 hr 2 min - 109: With Tracy Rotton
This week we were joined by web developer, WordPress core contributor, Sass-fan, Tracy Rotton.
We talked about (roughly in order):
News’n’Links’n’Drama:
- 8:22 Facebook buys Oculus Rift
- 11:02 SPECIAL: ONE ON ONE WITH A HACKER
- 14:11 Does most RWD look the same?
- 19:55 Is building a non-blog with WordPress a hack?
- 27:06 Shadow Dom
Q & A:
- 32:48 I’m currently not working in a team environment but am wondering if it would be more difficult if a developer was using the heck out of @extend?
- 37:22 Can’t we agree that it’s best to let the browser read plain CSS but let us have tools to make writing that CSS as easy and maintainable as possible?
- 44:02 How to I pull down client changes from my live wordpress site to my local environment?
- 50:01 I’m a WordPress Developer and I’ve noticed a disturbing trend lately. More and more clients are wanting developers that are experts with a specific commercial them? Weird, right?
- 54:05 I have yet to make the leap to SASS or LESS. Does it become troublesome and inconvenient to work with people and projects that don’t use these new methods?
Sponsors:
- 31:15 lynda.com – The best online learning resource. Check out great courses like: – Creating and Editing Custom WordPress Themes – Up and Running with Evernote – After Effects – Excel 2013 training Get a free 7 day trial now!
- 42:30 E4H: Rosenfeld Summit Rosenfeld Media and Environments for Humans bring together some of the Web’s most notable experts in User Experience for an all-new, one-day only online conference, the Rosenfeld Summit! Bring the experts to your desktop April 24th from 9AM to 4PM (CT). Get your tickets now!
Show links:
- Tracy Rotton’s website
- Tracy Rotton on Twitter
- Responsive WP Theming E-book (early access)
- SCSS @extend
- Buy stuff from the Shoptalk store
1 hr 1 min - Special: One on One with a Hacker
His fake name is “Earl Drudge”, an anagram of “Drug Dealer”. In early March 2014, he used some social engineering techniques and fake US federal documents to be granted full access to Chris’ servers. After missing the opportunity and a failed retaliation attempt, he posted sensitive personal information of Chris’ onto a site where not only can it never be removed, if it’s attempted to be removed becomes promoted.
He agreed to talk with Chris directly and have it recorded for this show.
We realize that this crosses the line of “feeding the trolls” or giving attention to “bad guys”, but we feel it relevant for our industry. Our lives and work are completely online and we’re all highly susceptible to types of hacks and identity theft. It should go without saying that you should not try to be a hero here: if you visit EarlDrudge’s site(s), try to expose his identity, or try to snoop around on him, you might actually put yourself in a position where you yourself might be vulnerable to being attacked. We advise you to simply listen.
Update since the recording (from Chris) : I was able to talk with Media Temple directly only hours after this conversation. One good end result is that they have changed their policy of how/when/what documents can be approved in which to grant access and who can do that. The retaliation attempt (“honeypot”) was verified to have been done by Media Temple. They were trying to catch the bad guy for me, and while I wish there was better communication about that, it’s nice to know they were trying to fight back on my behalf.
56 min - 108: RAPIDFIRE 25
This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action!
Q & A:
- 10:00 If a freelance client wants an eCommerce solution, what is the best way to handle this?
- 17:15 If I set the font-weight on a parent element that doesn’t generally support text nodes (like TR or UL tags) the property can be inherited by the child TD or LI. However, if the property is set by another selector (even a less specific one), it’s replaced. What’s the deal?
- 26:09 How you organize variables for preprocessors?
- 32:30 I wanted to get your method of tackling web projects. What kind of planning goes into your personal processes?
- 40:05 I am considering getting into some collaborative development through Github. Is Github’s Explore the best place to start to find projects, or would you recommend another site for finding projects?
- 48:36 Is it semantically accurate to place pagination or breadcrumbs inside a nav element?
- 51:55 Is it a good idea to wrap function calls, which trigger Layout (consecutive read->write), in request animation frame?
- 56:28 I was wondering if you guys could talk about using ajax requests to dynamically load content on a page, and how it can be done so that google can recognize it?
Sponsors:
20:10 Adobe – Adobe believes that web standard technologies are the future for creative expression. They are addressing different parts of the web design process with fantastic tools like:
- Edge Animate (for creating animated, interactive content with HTML)
- Edge Reflow (for creating responsive designs)
- Edge Code (for writing HTML, CSS and JavaScript)
- Edge Inspect (for previewing and inspecting web designs on devices) You can learn more at html.adobe.com/edge.
38:25 E4H – Responsive Web Design Summit – 3 days, all day long. Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the RWD Summit 2014! Bring the experts to your desktop April 1 – April 3, 2014 from 9AM to 5PM (CT). Use coupon code SHOPTALKSHOW and grab a ticket for 20% off!
Links:
- CSS Tricks Redesign!
- FoxyCart
- CSS Regions Considered Harmful?
- Github Explore
- PJAX
1 hr 2 min - 107: With Joe Casabona
This week we are joined by Joe Casabona. Joe is a web developer, author and teacher at University of Scranton.
Q & A:
- 23:14 I’m starting to take my sites performance more seriously and I’m having great success compressing and caching everything, except when it comes to “defer parsing for javascript” for both internal and external resources. I’ve been reading up on it but since I don’t know javascript that well I’m having a hard time implementing. Currently I enqueue the scripts in the footer (wordpress), but apparently thats not enough.
- 30:21 I want to move from static sites to building wordpress sites. What’s the best way to transition?
- 35:10 When I design websites for clients, I almost always work with wordpress. One reason is that wordpress is so widely used. Can you recommend any CMSs that are worth checking out that specifically have a similar widespread use and staying power?
- 40:53 I’m thinking about more seriously getting into freelance work. What would you say are the most important skill sets?
- 45:50 A deployment strategy is pretty much required for something like Ruby on Rails, where you’re precompiling assets, restarting servers, etc., but what about wordpress? What do you do about databases, plugins, or version control?
- 55:00 Why has the html email section of the web not been talked about in the web standards? Is this something that I should start evangelizing about fixing or has someone already been heading this fight? What are some free / cheap solutions to check my email code cross platform?
Sponsors:
28:26 lynda.com – The best online learning resource. Check out great courses like:
Creating and Editing Custom WordPress Themes
Google Analytics Tips
Shooting With Blackmagic Cameras (4K)
Revit Construction Modeling Tools Get a free 7 day trial now!
39:10 E4H – Responsive Web Design Summit – 3 days, all day long. Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the RWD Summit 2014! Bring the experts to your desktop April 1-April 3, 2014 from 9AM to 5PM (CT). Use coupon code SHOPTALKSHOW and grab a ticket for 20% off!
Show Links:
- Joe’s Website
- Joe on Twitter
- Building WordPress Themes from Scratch
- Responsive Web Design with WordPress
- CSS-Tricks: “Icon System with SVG Sprites”
- Coda
- MAMP
- Varying-Vagrant-Vagrants
- Campaign Monitor HTML Email CSS Guide
1 hr 5 min - 106: With Nick Pettit
This week we were joined by Nick Pettit, educator at Treehouse, an online learning platform. We talked about (roughly in order):
News’n’Links’n’Drama:
- 17:25 Correction regarding Drupal and 1000 script/style files.
- 20:10 Github releases Atom, a hackable text editor
Q & A:
- 23:29 I’m curious about making the shift from HTML, CSS, jQuery, WordPress development to Full Stack JS. It seems the front end world is making a huge shift in that direction, and I thought it would be a good career move for me to do one of these 8 week bootcamps to get me started. What do you guys think?
- 30:24 I considered myself pretty versed in HTML, CSS, but with a desire to learn more particularly Javascript and it’s connection to CSS for dynamic website building. I feel that if I add this skill it could change a lot things for me professional. How can a service like Treehouse help me put it all together?
- 39:15 I’ve been learning Ruby for the past 2 months and have now started learning Rails v4. My problem: I’m using Treehouse and they use Rails 3. What kind of issues should expect?
- 46:08 This summer I’ll start trying to find some paid projects to do and I was wondering: what is best way to get the client set up with hosting and domain?
- 50:47 I would love for you guys to talk a little bit about Content Editable. I work on the project Barley and have learned a lot about CE over the past year and it has been a painful process. There is not many resources out there so it has been mostly trial and error.
Sponsors:
36:00 Adobe – Adobe believes that web standard technologies are the future for creative expression. They are addressing different parts of the web design process with fantastic tools like:
- Edge Animate (for creating animated, interactive content with HTML)
- Edge Reflow (for creating responsive designs)
- Edge Code (for writing HTML, CSS and JavaScript)
- Edge Inspect (for previewing and inspecting web designs on devices)
- You can learn more at html.adobe.com/edge.
44:02 E4H: Responsive Web Design Summit – The best conference for learning all about RWD. A 3 day online-conference (April 1,2,3) featuring talks by Tim Kadlec, Tammy Everts, Jenn Lukas, Dave Rupert, Dan Mall, Matt Griffin and more. Get your tickets now! And remember to save 20% any kind of ticket with coupon code SHOPTALKSHOW.
Show Links:
- Nick’s Website
- Nick on Twitter
- Treehouse
- Treehouse Workspaces
- Oculus Rift
- Content Editable
1 hr 12 min - 105: RAPIDFIRE 24
This week it’s another RAPIDFIRE! We take listener questions and try to answer them as best we can within a 3 minute time constraint.
We talked about (roughly in order):
Q & A:
- 2:19 What’s the best way to release a tiny JQuery plugin?
- 6:14 My question is about Grunt and requireJS: if I concatenate all my javascript features into a single file, all of them will be loaded with 1 http request, right? So what’s the point of using requireJS?
- 13:52 What is the maximum number of javascript files that you should load on the same page?
- 21:02 I want to set a performance budget but have no idea where to start. Are there any good articles or pieces of advice you can give?
- 29:00 What’s the best way to learn JQuery?
- 31:35 What’s the best way to detect if something is visible in the browser’s active viewport?
- 38:29 Do you know of a port of Bootstrap that is more intended for a Grunt and Sass workflow?
- 41:50 I’ve been trying to figure out the right way to handle content hiding. Any advice or thoughts on this?
- 48:20 How do you handle a boss that gets upset when you ask him about which devices we’ll be supporting for a project?
- 51:20 Do you guys know of any cool sites/tools to see what percentage of people are currently using what browsers to get a general idea of global usage on a particular browser version?
Sponsors:
27:14 lynda.com The best online learning resource where you can learn about everything. Check out sweet courses like:
- Lighting Design for Video Production
- Animate a CSS Sprite Sheet
- Responsive Typography Tips
- Agile Project Management
- Creating Hair in Maya
- Go check it out and get a free 7 trial!
36:19 Environments for Humans: Responsive Web Design Summit Lot of great speakers talking about performance, techniques/tips, and strategy when dealing with RWD and workflows.
- Topics include Sass tips, grunt, tool automation, responsive HTML emails, content strategy for designers, responsive wire framing, and much more. Speakers like Dan Mall, Brad Frost, Trent Walton, Jenn Lukas, and more. Use “SHOPTALKSHOW” to get 20% off any ticket combo!
Show Links:
- Shards JQuery Plugin
- Tim Kadlec – “Fast Enough”
- Dave Rupert – “A Brander Newer Blog”
- Treehouse
- CodeSchool
- Codecademy
- JQfundamentals.com
- Learning JQuery book
- CSS Tricks: A Complete Guide to Flexbox
1 hr 1 min
About ShopTalk Show
From the publisher's feed
ShopTalk is a podcast about front end web design, development and UX. Each week Chris Coyier and Dave Rupert are joined by a special guest to talk shop and answer listener submitted questions.