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
- 1 hr 4 min
- 1 hr 7 min
- 151: With Emily Lewis and Lea Alcantara
This week we're joined by Emily Lewis and Lea Alcantara of the CTRL+CLICK Cast!
We talk about keeping up with new technologies, Expression Engine VS Wordpress, CMS alternatives to Wordpress, the creative process for designing for the web, how to find work/life balance, and more.
Q & A:
- 20:01 For years I have primarily used ExpressionEngine as my CMS of choice. While I still love EE, it isn't right for every project, so I am looking to brush up on my Wordpress chops. Do you have any recommendations on a few sites or other online resources that you use to keep on top of WP developments?
- 25:04 Is Wordpress usually the best CMS to use for client work? Are there better alternatives out there?
- 41:58 When you're just beginning a new design - when that completely blank Photoshop canvas is staring back at you - what is your thought process like?
- 49:22 As a business owner, freelance creative who works from home, I often have trouble balancing my work life with my family life. Can you offer insight on how you balance work life and family life?
Sponsors:
- 40: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).
Use coupon code SHOPTALK for 20% off your ticket!
- 46:12 Beanstalk - Beanstalk is a complete workflow for private teams to write, review and deploy code.
In November they launched their updated Code Review workflow. It’s a complete rethinking of how teams collaborate. Their review process is designed to start the discussion early and integrates directly with your branch, resulting in more feedback from your team.
Head over to beanstalkapp.com/shoptalk to get 50% off your first month!
Show Links:
- CTRL+CLICK Podcast
- Emily Lewis
- Follow Emily on Twitter
- Lea Alcantara
- Follow Lea on Twitter
- Bright Umbrella
- Converge SE Conf
- WP Tavern
- Chris Coyier: Digging Into Wordpress
- Susan Robertson: Overwhelmed by Code
- Perch CMS
- Craft CMS
- Cameron Moll: Why I Passed Up the Chance to Work at Apple
If you're looking for a job, head over to the Shoptalk Job Board. We just posted a bunch of great new jobs!
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!
1 hr 3 min - 150: Vitaly Friedman
Vitaly Friedman is the founder of Smashing Magazine.
Vitaly shared his experiences with traveling and working remotely, and online publishing. We also discussed Microsoft's new browser, designing for VR, holograms, and more.
We talked about (roughly in order):
News’n’Links’n’Drama:
- 24:43 Microsoft's new browser, Spartan
Q & A:
- 36:31 I’m planning to start blogging about web development. Do you have any tips on how I can drive traffic / increase visibility of my blog posts. Are there any web sites where I could submit my blog posts in an attempt to increase visibility?
- 41:01 I currently use MAMP. I no longer want to use MAMP. Help me.
- 48:06 How do you organize your LESS/CSS files and optimize them at Smashing Magazine? How about Javascript?
- 56:23 Microsoft today announced HoloLens, its augmented reality-type headset, and there's the secretive Google funded Magic Leap project. There's also the world of VR: Sony is working on Morpheus and Samsung is partnering with Oculus. How will the web be consumed on these devices? How do today's web developers stay relevant, or will the role die off/merge with something else?
Sponsors:
- 35:23 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)
Use coupon code SHOPTALK for 20% off your ticket!
- 51:32 lynda.com - Kickstart your new year and challenge yourself to learn something new with a free 10-day trial to lynda.com!
Check out some super great courses like:
- Jeffrey Zeldman: 20 Years of Web Design and Community
- Word Press Essential Training
- Code Clinic - an innovative series where each month lynda.com issues a code challenge and authors share their solutions using a variety of different programming languages
Whether you want to set new financial goals, find work/life balance, invest in a new hobby, ask your boss for a raise, find a new job or improve upon your current job skills in 2015; lynda.com has something for everyone! Get a free 10 day trial now!
Show Links:
- Vitaly Friedman
- Follow Vitaly on Twitter
- My name is Vitaly, and I am homeless.
- Smashing Magazine
- WOFF 2.0
- Improving Smashing Magazine’s Performance: A Case Study
- Web Design Weekly
- MAMP
- Vagrant
- Browser Sync
- Moz VR
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!
1 hr 3 min - 1 hr 7 min
- 1 hr 6 min
- 147: With Tom Dale
This week we’re joined by Tom Dale. Tom is a former Apple software engineer who worked on MobileMe and iCloud. He also helped create Ember.js and co-founded Tilde.io with Yehuda Katz.
We took a deep dive into Ember.js, Javascript frameworks, and working with open source projects.
We talked about (roughly in order):
Q & A:
- 16:24 I’m not so experienced with JavaScript, so I really don’t quite understand the potential benefits from using a JavaScript Front End Framework. Could you describe it with your own words and give some examples for real-world use cases?
- 25:45 I’m thinking about learning a JavaScript framework. So far I’ve been recommended to look into Angular and Ember. Which one is better?
- 58:07 How did you get started in open source software? What’s the best advice you have for encouraging others to get started as well, namely designers, writers, etc?
Sponsors:
- 24:28 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!
- 54:21 lynda.com – The best online learning resource. New courses are posted every single day.
Check out some super great courses like:
- Audio & Music Production
- Logic Pro X
- InDesign Typography with Nigel French
- Writing for the Web with Chris Nodder
- Selling on the Amazon Marketplace with Peter Kent
And so much more! Learn everything you need to know to be a great developer! Get a free 10 day trial now!
Show Links:
- Tom Dale
- Tom Dale on Twitter
- Tilde
- Skylight.io
- Yehuda Katz
- Sproutcore
- Ember Inspecter Extension
- Vine
- Bustle
- Brandon Hays – Tame the Big Ball o’ Mud
- The Frontside Podcast
- Why there’s no Rails Inc. – DHH
- Dan Webb
- New Relic
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!
1 hr 14 min - 146: With Jed Schmidt
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!
1 hr 8 min - 145: With Sophie Shepherd
This week we’re joined by Sophie Shepherd. Sophie is a Senior Designer at Happy Cog Austin, organizes the Austin Dribbble Meetup, and teaches at Girl Develop It.
We talked about (roughly in order):
Q & A:
- 19:40 How do I choose the right font for my website?
- 28:20 I have been doing web design and development for a while and I’m wondering whether I should start blogging. Would you recommend hosting a blog with Github+Jekyll or go with a standard WordPress blog?
- 35:00 I teach web design and development at a community college in Michigan. We have a Special Topics class that allow us to teach just about anything. This Spring semester I have a class on Emerging Web technologies. What sort of topics should be discussed in a class like this?
- 42:19 When dealing with overlays, do you prefer to have them centered on the screen, or offset from the top?
- 52:00 What’s your experience/opinion on R&D within companies, and should everyone has its own project? (For example: how Grunt fits in the company workflow)
- 58:40 I work with WordPress and create custom themes using a Bootstrap grid. I can develop roughly quickly, completing a site in 3 to 5 days. My coworker uses the same WordPress theme for all the projects, but gets praise for his quick turnaround time. Should I sacrifice my opportunity to grow for job security, or perhaps start looking elsewhere? Is this a new business trend, quantity over quality?
Sponsors:
- 26:20 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like:
- Audio & Music Production
- Logic Pro X
- InDesign Typography with Nigel French
- Writing for the Web with Chris Nodder
- Selling on the Amazon Marketplace with Peter Kent
- And so much more! Learn all the things! Get a free 10 day trial now!
- 48:11 CodePen – CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. It is a searchable trove of your own creations, and a world of other people’s creations. A place to troubleshoot, to teach, to learn, to test, and to grow.
- CodePen PRO takes things further with features like Collab Mode which allows you to pair program in real time and Professor Mode for allowing a group of students to follow you as you teach code and chat with each other.
- You can get a free 14-day trial of the Pro account – go sign up now!
Show Links:
- Sophie Shepherd
- Follow Sophie on Twitter
- Serial Parody
- Dribbble Meetup Austin
- Girl Develop It Austin
- Jekyll
- CodePen Radio
- Grunt
- Travis CI
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!
1 hr 5 min - 144: Rapidfire 41
This week it’s another RAPID-FIRE!!! Nothing but Thanksgiving turkey hangover and hot question and answer madness!
Q & A:
- 3:12 I have had to do a bunch of horizontal scrolling sliders for work lately. These “sliders” always through me for a loop because I am working off comps I had no part in designing. How do I keep these sliders from freaking out when the browser is resized while they are partially scrolled, and what is the definitive best way to make these from a performance and UX stand point so that I can help our designers make better choices?
- 10:10 When it comes to responsive web design in WordPress, I find myself using a lot of modules in the WordPress page editor to organize the sites content. Is there an easier way of doing this?
- 16:30 Have you ever used any prototyping tool like Fireworks or Sketch? If so, what is the best tool you’ve came across?
- 22:10 Where should I include the media queries for my responsive design in my CSS files?
- 30:14 Is there a way to use pure CSS (i.e., no JavaScript) to modify properties of a whole table-column without marking up each individual cell?
- 35:07 What other podcasts do you listen to?
- 45:30 Why are some sites targeted by hackers more than others, especially automated attacks? Do web sites end up on target lists, or are the attacks just random?
Sponsors:
15:05 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like:
- Audio & Music Production
- Logic Pro X
- InDesign Typography with Nigel French
- Writing for the Web with Chris Nodder
- Selling on the Amazon Marketplace with Peter Kent
- And so much more! Learn all the things! Get a free 7 day trial now!
28:29 One Month Rails: Learn Rails, 30 minutes a day for 30 days. You’ll learn how to build a fully functional web app using:
- Ruby on Rails
- HTML
- CSS
- Bootstrap
- Git
- Github
- Command line
- Databases using SQLite
- S3 from Amazon Web Services
- Heroku – the popular web service used for getting your site live on the Internet
- We offer all students support: The best part is: if you get stuck, there’s always someone there to help you out while you learn. (Yes, like, a real person.) Enrollment is typically $99, but if you join now you’ll get a one time discount of 25% off for joining, AND as always you’re helping support Shoptalk. Enroll now @ onemonth.com/shoptalk!
Show Links:
- Owl Slider
- Royal Slider
- Adobe Fireworks
- Sketch
- Codepen
- SCSS
- Stylus
- Shoptalk Show Store (Buy shirts!)
Podcasts We Recommend:
- Responsive Web Design
- CodePen Radio
- 99% Invisible
- History of Rome
- Pagebreak
- Serial
- Startup Podcast
- Wait Wait, Don’t Tell Me
- The Moth
- Planet Money
- Radiolab
- This American Life
- Security Now Podcast
- Bizcraft
- Javascript Jabber
- The Web Ahead
- Freakanomics Podcast
- Stuff You Should Know Podcast
- Pop Culture Happy Hour Podcast
- When Women Stopped Coding
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!
51 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.