ShopTalk http://shoptalkshow.com A live podcast about front end web design and UX. Wed, 15 May 2013 20:27:01 +0000 en-US hourly 1 ©2013 ShopTalk dave@paravelinc.com (ShopTalk) dave@paravelinc.com (ShopTalk) Web Design, Web Development, UX 1440 http://shoptalkshow.com/wp-content/uploads/2012/08/shoptalk_album-copy_sm.jpeg ShopTalk http://shoptalkshow.com 144 144 Broadcasted and recorded live, ShopTalk is a podcast about web design and development where Dave Rupert and Chris Coyier (and usually a guest) answer questions submitted by the audience. Shoptalk is a podcast about front end web design, development and UX. Each week Chris Coyier & Dave Rupert will be joined by a special guest who is there to talk shop and help answer listener submitted questions. front, end, web, design, front, end, web, development, web, design, development, UX ShopTalk ShopTalk dave@paravelinc.com no no 068: With Ben Schwarz http://shoptalkshow.com/episodes/068-with-ben-schwarz/ http://shoptalkshow.com/episodes/068-with-ben-schwarz/#comments Wed, 15 May 2013 20:27:01 +0000 Chris Coyier http://shoptalkshow.com/?p=323 Read more »]]> This week we were joined by Ben Schwarz, a full stack web hacker, tool maker, and tip sharer from Melbourne, Australia. We talked about (roughly in order):

News’n’Links’n’Drama:

Q & A:

  • 16:30 When does Ben use Grunt JS and when does he use CodeKit?
  • 24:25 What are some of the worst case scenarios when using UA sniffing? Is all UA sniffing bad, or are there upsides? Chris lays down the law.
  • 34:00 Responsive images via SVG by Estelle Weyl
  • 42:10 What's new in Melbourn, Australia?
  • 43:35 "I'm pretty good with CSS, when should I start learning SCSS? Do you have any suggestions for a Windows setup?" Scout, Live Reload, Compass.app for Windows.
  • 50:30 What workflow should I use for Git since I'm not building web apps? (example, building a WordPress site)
  • 58:40 What is the big deal about designing with a grid? Why should I use one?

Sponsors:

  • 56:45 Environments for Humans – The CSS Summit is an online conference focused totally on CSS July 23-25. Three full days of training, advanced topics, and preprocessors. Coupon code SHOPTALK is good for 20% off.
  • 37:13 Squarespace – Super nice looking websites (new templates!) for people you create right from the web. Plus very advanced developer tools. Head over to Squarespace.com and use coupon code "shoptalk4".

More Ben:

]]> http://shoptalkshow.com/episodes/068-with-ben-schwarz/feed/ 7 1:09:09 This week we were joined by Ben Schwarz, a full stack web hacker, tool maker, and tip sharer from Melbourne, Australia. We talked about (roughly in order): News’n’Links’n’Drama: 4:00 Ben's latest project Gallery CSS 11:30 Global Accessibility A[...] This week we were joined by Ben Schwarz, a full stack web hacker, tool maker, and tip sharer from Melbourne, Australia. We talked about (roughly in order): News’n’Links’n’Drama: 4:00 Ben's latest project Gallery CSS 11:30 Global Accessibility Awareness Day 14:50 National Fart JavaScript Awareness Day Q & A: 16:30 When does Ben use Grunt JS and when does he use CodeKit? 24:25 What are some of the worst case scenarios when using UA sniffing? Is all UA sniffing bad, or are there upsides? Chris lays down the law. 34:00 Responsive images via SVG by Estelle Weyl 42:10 What's new in Melbourn, Australia? 43:35 "I'm pretty good with CSS, when should I start learning SCSS? Do you have any suggestions for a Windows setup?" Scout, Live Reload, Compass.app for Windows. 50:30 What workflow should I use for Git since I'm not building web apps? (example, building a WordPress site) 58:40 What is the big deal about designing with a grid? Why should I use one? Sponsors: 56:45 Environments for Humans – The CSS Summit is an online conference focused totally on CSS July 23-25. Three full days of training, advanced topics, and preprocessors. Coupon code SHOPTALK is good for 20% off. 37:13 Squarespace – Super nice looking websites (new templates!) for people you create right from the web. Plus very advanced developer tools. Head over to Squarespace.com and use coupon code "shoptalk4". More Ben: @benschwarz germanforblack.com Ben on Github Podcast ShopTalk no no 067: With Pam Selle http://shoptalkshow.com/episodes/067-with-pam-selle/ http://shoptalkshow.com/episodes/067-with-pam-selle/#comments Tue, 07 May 2013 18:22:04 +0000 Chris Coyier http://shoptalkshow.com/?p=317 Read more »]]> This week we were joined by Pam Selle, a full stack developer in many languages and all around hacker from Philly. Pam works at AxisPhilly, teaches for GirlDevelopIt, and blogs at The Webivore. We talk about (roughly in order):

News’n’Links’n’Drama

The Beef with Uncle Dave

  • 12:58 Recruiters. What on earth do these people do for a living?

Q & A

  • 15:40 Opinions about the use of :hover related to drop down menus
  • 22:57 I'm new to hackathons and not super great at code, what should I expect? Can I still get anything out of it or contribute?
  • 31:04 Client side templating vs server side templating: what are the differences and benefits?
  • 39:17 Resets vs Normalize (and frameworks)
  • 47:30 Problems with jQuery on a CDN
  • 53:57 Trying to put together a standard HTML/CSS/jQuery Framework – is it OK to mix bits and pieces of different pre-existing frameworks?
  • 59:15 "I fixed up my old site (which had tables) with newer code, but my site visitors still see half of the old code. Help!"

Sponsors

  • 27:40 Cotton Bureau – Submit a T-Shirt design. If approved, and you sell at least 25 shirts, it will be printed and shipped. All the hard stuff like taking money, shipping, and returns is taken care of for you.
  • 51:06 Environments for Humans – The CSS Summit is an online conference focused totally on CSS July 23-25. Three full days of training, advanced topics, and preprocessors. Coupon code SHOPTALK is good for 20% off.

More Pam

]]> http://shoptalkshow.com/episodes/067-with-pam-selle/feed/ 11 1:04:58 This week we were joined by Pam Selle, a full stack developer in many languages and all around hacker from Philly. Pam works at AxisPhilly, teaches for GirlDevelopIt, and blogs at The Webivore. We talk about (roughly in order): News’n’Links’n’Drama [...] This week we were joined by Pam Selle, a full stack developer in many languages and all around hacker from Philly. Pam works at AxisPhilly, teaches for GirlDevelopIt, and blogs at The Webivore. We talk about (roughly in order): News’n’Links’n’Drama 1:50 Introducing Pam Selle 2:45 Pam's day job: Axis Philly 4:00 Girl Develop It 8:37 Civic Hacking Video The Beef with Uncle Dave 12:58 Recruiters. What on earth do these people do for a living? Q & A 15:40 Opinions about the use of :hover related to drop down menus 22:57 I'm new to hackathons and not super great at code, what should I expect? Can I still get anything out of it or contribute? 31:04 Client side templating vs server side templating: what are the differences and benefits? 39:17 Resets vs Normalize (and frameworks) 47:30 Problems with jQuery on a CDN 53:57 Trying to put together a standard HTML/CSS/jQuery Framework – is it OK to mix bits and pieces of different pre-existing frameworks? 59:15 "I fixed up my old site (which had tables) with newer code, but my site visitors still see half of the old code. Help!" Sponsors 27:40 Cotton Bureau – Submit a T-Shirt design. If approved, and you sell at least 25 shirts, it will be printed and shipped. All the hard stuff like taking money, shipping, and returns is taken care of for you. 51:06 Environments for Humans – The CSS Summit is an online conference focused totally on CSS July 23-25. Three full days of training, advanced topics, and preprocessors. Coupon code SHOPTALK is good for 20% off. More Pam @pamasaur thewebivore.com On Github Axis Philly Girl Develop It Podcast ShopTalk no no 066: RAPIDFIRE #16 http://shoptalkshow.com/episodes/066-rapidfire-16/ http://shoptalkshow.com/episodes/066-rapidfire-16/#comments Thu, 25 Apr 2013 14:00:02 +0000 Chris Coyier http://shoptalkshow.com/?p=300 Read more »]]> Another classic RAPIDFIRE! No guests, no drama, no news, just all redhot question on answer action.

  • What do you use to concatenate JavaScript files before production on Windows?
  • Aren’t thinks like history.pushState just new JavaScript things, not HTML5?
  • Can Sublime Text help with re-usable components?
  • How do you diagram these fancy one-page style apps?
  • How do you take PHP and JavaScript to a professional level?
  • How much does Modernizr help with cross browser compatibility?
  • What is the best tag for an alert or notification?
  • What is Backbone for?
  • Is it better to have one stylesheet with media queries in it or split it up into different stylesheets?
  • How do you minify data-uris?
  • How do you handle subscription based font services and clients?
  • What are our views about SEO in general?

Sponsors

  • Environments for Humans – The CSS Dev Conf is coming October 21-23 in the Rocky Mountains of Colorado.
  • Wufoo – Makes building online forms fun! Quickly build any type of form you need, from the humble contact form to the epic multi-page, logic-riddled, mobile-friendly, custom-designed, spam-protected, payment-taking super form.
]]> http://shoptalkshow.com/episodes/066-rapidfire-16/feed/ 9 1:17:29 Another classic RAPIDFIRE! No guests, no drama, no news, just all redhot question on answer action. What do you use to concatenate JavaScript files before production on Windows? Aren’t thinks like history.pushState just new JavaScript things,[...] Another classic RAPIDFIRE! No guests, no drama, no news, just all redhot question on answer action. What do you use to concatenate JavaScript files before production on Windows? Aren’t thinks like history.pushState just new JavaScript things, not HTML5? Can Sublime Text help with re-usable components? How do you diagram these fancy one-page style apps? How do you take PHP and JavaScript to a professional level? How much does Modernizr help with cross browser compatibility? What is the best tag for an alert or notification? What is Backbone for? Is it better to have one stylesheet with media queries in it or split it up into different stylesheets? How do you minify data-uris? How do you handle subscription based font services and clients? What are our views about SEO in general? Sponsors Environments for Humans – The CSS Dev Conf is coming October 21-23 in the Rocky Mountains of Colorado. Wufoo – Makes building online forms fun! Quickly build any type of form you need, from the humble contact form to the epic multi-page, logic-riddled, mobile-friendly, custom-designed, spam-protected, payment-taking super form. Podcast, Rapidfires ShopTalk no no 065: With Ben Frain http://shoptalkshow.com/episodes/056-with-ben-frain/ http://shoptalkshow.com/episodes/056-with-ben-frain/#comments Tue, 23 Apr 2013 18:09:39 +0000 Chris Coyier http://shoptalkshow.com/?p=313 Read more »]]> This week we were joined by Ben Frain, a web developer, technology columnist, and book author from Cheshire, UK. Ben has written for major publications like MacUser, .net, and The Guardian and is also a very famous television actor. We talked about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Wouldn’t it be easier to group media query stuff into blocks and @import them in chunks?
  • How do you compile Sass server-side?
  • If I use Coda 2 will I be cooler than someone who uses Sublime Text?
  • Are there benefits to switching to Sass if a project is already in LESS?
  • How can I use a Git workflow and retain working offline?
  • Is there a standard for structuring a Sass project? (The Sass Way on structure, Globbing)
  • If you’ve gone-commando directly on some .css on the server, but the project is in Sass, is there a way to port those changes back?

Sponsors

More Ben

]]> http://shoptalkshow.com/episodes/056-with-ben-frain/feed/ 9 1:04:58 This week we were joined by Ben Frain, a web developer, technology columnist, and book author from Cheshire, UK. Ben has written for major publications like MacUser, .net, and The Guardian and is also a very famous television actor. We talked about [...] This week we were joined by Ben Frain, a web developer, technology columnist, and book author from Cheshire, UK. Ben has written for major publications like MacUser, .net, and The Guardian and is also a very famous television actor. We talked about (roughly in order): News’n'Links’n'Drama Seven Rules nonsense. Aral Balkan’s Slide & Stage The answer to one of ShopTalk’s most-asked questions (how to keep a WordPress database in sync between live and local): WP Migrate DB Pro Q & A Wouldn’t it be easier to group media query stuff into blocks and @import them in chunks? How do you compile Sass server-side? If I use Coda 2 will I be cooler than someone who uses Sublime Text? Are there benefits to switching to Sass if a project is already in LESS? How can I use a Git workflow and retain working offline? Is there a standard for structuring a Sass project? (The Sass Way on structure, Globbing) If you’ve gone-commando directly on some .css on the server, but the project is in Sass, is there a way to port those changes back? Sponsors 44:40 – Environments for Humans – CSS Dev Conf is happening again! This time in Colorado. Talk proposals open! 53:05 – Lynda.com – Use that link for a free week. Lynda.com has 1,700 full training courses on all kinds of tech learning. Level up your knowledge! More Ben BenFrain.com @benfrain Ben’s books on Amazon About Ben’s new book on Sass & Compass Podcast ShopTalk no no 064: RAPIDFIRE #15 http://shoptalkshow.com/episodes/064-rapidfire-15/ http://shoptalkshow.com/episodes/064-rapidfire-15/#comments Thu, 11 Apr 2013 14:00:01 +0000 Chris Coyier http://shoptalkshow.com/?p=290 Read more »]]> Another RAPIDFIRE episode where Dave and Chris answer as many questions as possible. No guests, no news, no drama, just all question on answer action. This time they set a timer so no answer may exceed 3 minutes!

  • 2:43 Should you learn jQuery or JavaScript first?
  • 5:30 How come two scripts seem to work fine when minified but break when minified and concatenated?
  • 9:15 How do you make WordPress load new content with Ajax?
  • 13:00 How do you get a spreadsheet into an HTML table? (perhaps)
  • 16:51 What code editors do you prefer?
  • 20:27 How do you use Google Analytics? Does it play a role in keeping up a website?
  • 23:58 Tabs or spaces?
  • 27:12 Can you be taken seriously as a 14 year old developer?
  • 30:40 Is it risky to hire a 14 year old developer?
  • 34:15 What third party ad buying service do you recommend?
  • 37:45 What is a good page weight number for a mobile site?
  • 41:08 How do you handle CSS3 in oldIE?
  • 44:38 How do you handle retina images? (see)
  • 48:02 Why do @font-face fonts look too bold?
  • 51:40 How do you handle fixed positioning when it is causing cut-off problems?

Sponsors

  • Wufoo – The world’s greatest online form builder! Use simple drag and drop form builder to create anything from simple contact forms to super complex multiple page checkout forms. Then put them right on your own site with copy and paste code.
  • Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. Dave will be there!
]]> http://shoptalkshow.com/episodes/064-rapidfire-15/feed/ 15 0:56:07 Another RAPIDFIRE episode where Dave and Chris answer as many questions as possible. No guests, no news, no drama, just all question on answer action. This time they set a timer so no answer may exceed 3 minutes! 2:43 Should you learn jQuery or Jav[...] Another RAPIDFIRE episode where Dave and Chris answer as many questions as possible. No guests, no news, no drama, just all question on answer action. This time they set a timer so no answer may exceed 3 minutes! 2:43 Should you learn jQuery or JavaScript first? 5:30 How come two scripts seem to work fine when minified but break when minified and concatenated? 9:15 How do you make WordPress load new content with Ajax? 13:00 How do you get a spreadsheet into an HTML table? (perhaps) 16:51 What code editors do you prefer? 20:27 How do you use Google Analytics? Does it play a role in keeping up a website? 23:58 Tabs or spaces? 27:12 Can you be taken seriously as a 14 year old developer? 30:40 Is it risky to hire a 14 year old developer? 34:15 What third party ad buying service do you recommend? 37:45 What is a good page weight number for a mobile site? 41:08 How do you handle CSS3 in oldIE? 44:38 How do you handle retina images? (see) 48:02 Why do @font-face fonts look too bold? 51:40 How do you handle fixed positioning when it is causing cut-off problems? Sponsors Wufoo – The world’s greatest online form builder! Use simple drag and drop form builder to create anything from simple contact forms to super complex multiple page checkout forms. Then put them right on your own site with copy and paste code. Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. Dave will be there! Podcast, Rapidfires ShopTalk no no 063: With Rachel Nabors http://shoptalkshow.com/episodes/with-rachel-nabors/ http://shoptalkshow.com/episodes/with-rachel-nabors/#comments Tue, 09 Apr 2013 23:40:14 +0000 Chris Coyier http://shoptalkshow.com/?p=307 Read more »]]> This week we were joined by Rachel Nabors, a cartoonist, illustrator, designer, and front end developer out of Raleigh, North Carolina. Rachel is highly interested in animations and sound in CSS and JavaScript. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • 31:15 – Will hover/mouseover events ever be as widely accepted on mobile and tablets as it is on the PC?
  • 48:50 – On a responsive website, what is the best way to take a section from the desktop version and turn it into a collapsible item at smaller resolutions?
  • 55:05 – I tried submitting some talks for conferences last year and all of them were rejected. I wonder if you guys had any advice on submitting talk proposals? (relevant link)

Sponsors

More Rachel

]]> http://shoptalkshow.com/episodes/with-rachel-nabors/feed/ 16 1:11:24 This week we were joined by Rachel Nabors, a cartoonist, illustrator, designer, and front end developer out of Raleigh, North Carolina. Rachel is highly interested in animations and sound in CSS and JavaScript. We talk about (roughly in order): News[...] This week we were joined by Rachel Nabors, a cartoonist, illustrator, designer, and front end developer out of Raleigh, North Carolina. Rachel is highly interested in animations and sound in CSS and JavaScript. We talk about (roughly in order): News’n'Links’n'Drama 11:34 – hgroup removed from HTML 5.1 16:25 – Copy vs. Design (Robert Williams, Tim Smith) 21:40 – Blink, Chrome’s new fork of WebKit Q & A 31:15 – Will hover/mouseover events ever be as widely accepted on mobile and tablets as it is on the PC? 48:50 – On a responsive website, what is the best way to take a section from the desktop version and turn it into a collapsible item at smaller resolutions? 55:05 – I tried submitting some talks for conferences last year and all of them were rejected. I wonder if you guys had any advice on submitting talk proposals? (relevant link) Sponsors 44:40 – Environments for Humans – CSS Dev Conf is happening again! This time in Colorado. Talk proposals open! 53:05 – Lynda.com – Use that link for a free week. Lynda.com has 1,700 full training courses on all kinds of tech learning. Level up your knowledge! More Rachel rachelthegreat.com rachelnabors.com Rachel on CodePen @CrowChick Podcast ShopTalk no no 062: With Brandon Mathis http://shoptalkshow.com/episodes/062-with-brandon-mathis/ http://shoptalkshow.com/episodes/062-with-brandon-mathis/#comments Mon, 01 Apr 2013 23:09:42 +0000 Chris Coyier http://shoptalkshow.com/?p=298 Read more »]]> This week we were joined by Brandon Mathis, a web worker out of Birmingham, Alabama working for MongoHQ. Brandon is on the Compass team and is the creator of the static site generator Octopress. We talk about (roughly in order):

News’n'Links

Q & A

  • (26:32) – Regenerating sprites with Compass is taking 30 seconds, what gives?
  • (30:04) – Why doesn’t Octopress use Grunt?
  • (33:58) – Should we be using placeholder selectors for every possible property/selector combination?
  • (43:17) – How should I go about grouping media queries? (Also see Brandon’s custom mixins for media queries)
  • (53:00) – What is Dave Rupert?
  • (54:45) – How do you do that thing where you serve a very basic stylesheet to oldIE? (link)
  • (57:55) – Have we used any HTML preprocessors?

Sponsors

More Brandon

]]> http://shoptalkshow.com/episodes/062-with-brandon-mathis/feed/ 3 1:03:25 This week we were joined by Brandon Mathis, a web worker out of Birmingham, Alabama working for MongoHQ. Brandon is on the Compass team and is the creator of the static site generator Octopress. We talk about (roughly in order): News’n'Links [...] This week we were joined by Brandon Mathis, a web worker out of Birmingham, Alabama working for MongoHQ. Brandon is on the Compass team and is the creator of the static site generator Octopress. We talk about (roughly in order): News’n'Links (9:41) – Getting Started with Octopress Q & A (26:32) – Regenerating sprites with Compass is taking 30 seconds, what gives? (30:04) – Why doesn’t Octopress use Grunt? (33:58) – Should we be using placeholder selectors for every possible property/selector combination? (43:17) – How should I go about grouping media queries? (Also see Brandon’s custom mixins for media queries) (53:00) – What is Dave Rupert? (54:45) – How do you do that thing where you serve a very basic stylesheet to oldIE? (link) (57:55) – Have we used any HTML preprocessors? Sponsors (51:44) – Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. (24:42) – Lynda.com – Use that link for a free week! Lynda.com has over 77,000 videos on all kinds of topics ranging from web stuff to photography to business. More Brandon brandonmathis.com @imathis Podcast ShopTalk no no 061: With Alex Sexton http://shoptalkshow.com/episodes/061-with-alex-sexton/ http://shoptalkshow.com/episodes/061-with-alex-sexton/#comments Wed, 27 Mar 2013 20:17:06 +0000 Chris Coyier http://shoptalkshow.com/?p=292 Read more »]]> This week we were joined by Alex Sexton, a JavaScript developer for BazaarVoice, ex-yayQuery star, Modernizr team member, YepNope inventor, TXJS organizer, and essentially the world’s best loved ginger. We talked about (roughly in order):

New’n'Links’n'Drama

Q & A

  • 49:15 Leveling up understanding of Event Handlers
  • 54:39 What’s the deeeeeal with loading jQuery from Google?

Sponsors

More Alex

]]> http://shoptalkshow.com/episodes/061-with-alex-sexton/feed/ 7 1:05:23 This week we were joined by Alex Sexton, a JavaScript developer for BazaarVoice, ex-yayQuery star, Modernizr team member, YepNope inventor, TXJS organizer, and essentially the world’s best loved ginger. We talked about (roughly in order): New[...] This week we were joined by Alex Sexton, a JavaScript developer for BazaarVoice, ex-yayQuery star, Modernizr team member, YepNope inventor, TXJS organizer, and essentially the world’s best loved ginger. We talked about (roughly in order): New’n'Links’n'Drama Donglegate: Venture Beat, Hacker News, Amanda Blum, Estelle Weyl Are UX and Design different? Dan Eden, Mark Otto Done with the web DRM in ChromeOS / HTML5: François Beaufort, Ian Hixie, Google-owned platform Web Design Weekly Q & A 49:15 Leveling up understanding of Event Handlers 54:39 What’s the deeeeeal with loading jQuery from Google? Sponsors Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. ConvergeSE – A web design and development conference in Columbia, South Carolina April 25-27. Chris will be there! More Alex @SlexAxton alexsexton.com GitHub Podcast ShopTalk no no 060: With Samantha Warren http://shoptalkshow.com/episodes/060-with-samantha-warren/ http://shoptalkshow.com/episodes/060-with-samantha-warren/#comments Mon, 18 Mar 2013 20:07:06 +0000 Chris Coyier http://shoptalkshow.com/?p=288 Read more »]]> This week we were joined by Samantha Warren, a designer and recent San Fransico-ite. She moved from Washington D.C. to work for Twitter. Samantha is known for her love of all things typography and design and speaks at conferences around the world about these things. Most recently, about Style Tiles, a concept for showing design to clients that sits somewhere between mood boards (too loose) and comps (too tight). We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • How’s San Francisco?
  • When is responsive web design right or not right for a project?
  • Should you redesign your personal site before applying to a new design agency?
  • Are cheap templates ruining the industry?
  • How do you deal with vertical rhythm and fluid images?
  • Do the current generation of designers/developers lack critique skills?

Sponsors

More Samantha

]]> http://shoptalkshow.com/episodes/060-with-samantha-warren/feed/ 1 1:06:27 This week we were joined by Samantha Warren, a designer and recent San Fransico-ite. She moved from Washington D.C. to work for Twitter. Samantha is known for her love of all things typography and design and speaks at conferences around the world ab[...] This week we were joined by Samantha Warren, a designer and recent San Fransico-ite. She moved from Washington D.C. to work for Twitter. Samantha is known for her love of all things typography and design and speaks at conferences around the world about these things. Most recently, about Style Tiles, a concept for showing design to clients that sits somewhere between mood boards (too loose) and comps (too tight). We talk about (roughly in order): News’n'Links’n'Drama Google Reader shutting down Sidebar.io Q & A How’s San Francisco? When is responsive web design right or not right for a project? Should you redesign your personal site before applying to a new design agency? Are cheap templates ruining the industry? How do you deal with vertical rhythm and fluid images? Do the current generation of designers/developers lack critique skills? Sponsors Lynda.com – Use that link for a free week! Lynda.com has over 77,000 videos on all kinds of topics ranging from web stuff to photography to business. Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. More Samantha @samanthatoy badassideas.com Podcast ShopTalk no no 059: With Lara Swanson http://shoptalkshow.com/episodes/059-with-lara-swanson/ http://shoptalkshow.com/episodes/059-with-lara-swanson/#comments Tue, 12 Mar 2013 21:18:38 +0000 Chris Coyier http://shoptalkshow.com/?p=281 Read more »]]> This week we were joined by Lara Swanson, formerly UX manager at Dyn and now a manager of mobile web at Etsy. Lara has long been a champion of web performance, UX, and being a good front end developer. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • What up with gzipping?
  • If you use styles for literally only one page, shouldn’t that be a <style>?
  • If you could attend only one conference, what would it be?
  • How much third part “stuff” is too much?
  • What kind of skills do you need to get a job at an agency?
  • What kind of device should you get for testing retina?

Sponsors

More Lara

ShopTalk meetup in Buffalo, NY!

]]> http://shoptalkshow.com/episodes/059-with-lara-swanson/feed/ 4 1:06:23 This week we were joined by Lara Swanson, formerly UX manager at Dyn and now a manager of mobile web at Etsy. Lara has long been a champion of web performance, UX, and being a good front end developer. We talk about (roughly in order): News’n'[...] This week we were joined by Lara Swanson, formerly UX manager at Dyn and now a manager of mobile web at Etsy. Lara has long been a champion of web performance, UX, and being a good front end developer. We talk about (roughly in order): News’n'Links’n'Drama LayerVault vs. DesignModo “Pinkifying the recruiting process” FRED Client-Hints Q & A What up with gzipping? If you use styles for literally only one page, shouldn’t that be a <style>? If you could attend only one conference, what would it be? How much third part “stuff” is too much? What kind of skills do you need to get a job at an agency? What kind of device should you get for testing retina? Sponsors ConvergeSE – A web design and development conference in Columbia, South Carolina April 25-27. Chris will be there! Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. More Lara @laraswanson laraswanson.com soyoureengayged.com css3geometrydaily.tumblr.com ShopTalk meetup in Buffalo, NY! Podcast ShopTalk no no 058: With Derek Featherstone http://shoptalkshow.com/episodes/058-with-derek-featherstone/ http://shoptalkshow.com/episodes/058-with-derek-featherstone/#comments Mon, 04 Mar 2013 15:00:05 +0000 Chris Coyier http://shoptalkshow.com/?p=278 Read more »]]> This week we were joined by Derek Featherstone, an accessibility specialist and leader of Simply Accessible, a consulting firm in Ottawa, Canada. The full show transcript is available here.

We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Does display: table; have an effect on screen readers?
  • Are Google and Facebook particularly bad accessibility offenders, or no?
  • Is there a “minimum bar” of accessibility to achieve before launching?

Sponsors

More Derek

]]> http://shoptalkshow.com/episodes/058-with-derek-featherstone/feed/ 2 1:07:15 This week we were joined by Derek Featherstone, an accessibility specialist and leader of Simply Accessible, a consulting firm in Ottawa, Canada. The full show transcript is available here. We talk about (roughly in order): News’n'Links’[...] This week we were joined by Derek Featherstone, an accessibility specialist and leader of Simply Accessible, a consulting firm in Ottawa, Canada. The full show transcript is available here. We talk about (roughly in order): News’n'Links’n'Drama ARIA tree roles, not so simple Nav in lists discussion again Q & A Does display: table; have an effect on screen readers? Are Google and Facebook particularly bad accessibility offenders, or no? Is there a “minimum bar” of accessibility to achieve before launching? Sponsors ConvergeSE – A web design and development conference in Columbia, South Carolina April 25-27. Chris will be there! Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. More Derek @feather simplyaccessible.com Podcast ShopTalk no no 057: With Jeff Starr http://shoptalkshow.com/episodes/057-with-jeff-starr/ http://shoptalkshow.com/episodes/057-with-jeff-starr/#comments Sat, 02 Mar 2013 21:50:30 +0000 Chris Coyier http://shoptalkshow.com/?p=274 Read more »]]> This week we were joined by Jeff Starr, who has been blogging about the web for longer than either of us. Jeff is a WordPress master, co-author of Digging Into WordPress (with Chris) and author of HTAccess Made Easy. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Getting off EE, and on to ______?
  • Hiring a new front-end dev, what should I ask? Questions by Darcy Clarke
  • How do you handle deployment in a git workflow?
  • Learning via the student/mentor relationship
  • What up with attribute selectors in CSS?

Sponsors

  • ShopLocket – the easiest way to sell products professionally online. Embed stores onto your own website. Use our link to get three months with no transaction fees!
  • Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK.

More Jeff

]]> http://shoptalkshow.com/episodes/057-with-jeff-starr/feed/ 8 1:06:12 This week we were joined by Jeff Starr, who has been blogging about the web for longer than either of us. Jeff is a WordPress master, co-author of Digging Into WordPress (with Chris) and author of HTAccess Made Easy. We talk about (roughly in order)[...] This week we were joined by Jeff Starr, who has been blogging about the web for longer than either of us. Jeff is a WordPress master, co-author of Digging Into WordPress (with Chris) and author of HTAccess Made Easy. We talk about (roughly in order): News’n'Links’n'Drama DevTees Opera goes WebKit Speaking Up: Sarah Parmenter & Leslie Jensen Inman Ladies in Tech Q & A Getting off EE, and on to ______? Hiring a new front-end dev, what should I ask? Questions by Darcy Clarke How do you handle deployment in a git workflow? Learning via the student/mentor relationship What up with attribute selectors in CSS? Sponsors ShopLocket – the easiest way to sell products professionally online. Embed stores onto your own website. Use our link to get three months with no transaction fees! Environments for Humans – Check out the (online) Responsive Web Design Summit coming April 16-18. Save 20% with discount code SHOPTALK. More Jeff PerishablePress.com DigWP.com @perishable wp-mix.com xycss.com Smashing Magazine’s WordPress Section Podcast ShopTalk no no 056: RAPIDFIRE #14 http://shoptalkshow.com/episodes/056-rapidfire-14/ http://shoptalkshow.com/episodes/056-rapidfire-14/#comments Thu, 14 Feb 2013 19:28:29 +0000 Chris Coyier http://shoptalkshow.com/?p=269 Read more »]]> No guests, no drama, no, whatever, other stuff. Just all question on answer action with Chris and Dave. We talk about (roughly in order):

  • Like a unicorn horn through the heart. How to handle a late in the game career change.
  • More thoughts on when/where to use Class/ID.
  • How do you learn more about the voodoo that is .htaccess (book)
  • Why Austin?
  • Is it possible to use Sass with WordPress even though Sass is Ruby and WordPress is PHP?
  • Is there a recommended tool for automated style guide creation?
  • Should you limit yourself in Photoshop according to the abilities of HTML and CSS?
  • Are there more tools than Firebug for coding in the browser?
  • I’m in a rut where I read more than I build, and I’m looking to get out of my job and into freelancing, what do I do?

Sponsor

  • Environments for Humans – InControl is coming in a few days. Artifact is May 13-15 in Austin, Texas.
]]> http://shoptalkshow.com/episodes/056-rapidfire-14/feed/ 4 0:58:25 No guests, no drama, no, whatever, other stuff. Just all question on answer action with Chris and Dave. We talk about (roughly in order): Like a unicorn horn through the heart. How to handle a late in the game career change. More thoughts on when/w[...] No guests, no drama, no, whatever, other stuff. Just all question on answer action with Chris and Dave. We talk about (roughly in order): Like a unicorn horn through the heart. How to handle a late in the game career change. More thoughts on when/where to use Class/ID. How do you learn more about the voodoo that is .htaccess (book) Why Austin? Is it possible to use Sass with WordPress even though Sass is Ruby and WordPress is PHP? Is there a recommended tool for automated style guide creation? Should you limit yourself in Photoshop according to the abilities of HTML and CSS? Are there more tools than Firebug for coding in the browser? I’m in a rut where I read more than I build, and I’m looking to get out of my job and into freelancing, what do I do? Sponsor Environments for Humans – InControl is coming in a few days. Artifact is May 13-15 in Austin, Texas. Podcast, Rapidfires ShopTalk no no 055: RAPIDFIRE #13 http://shoptalkshow.com/episodes/55-rapidfire-13/ http://shoptalkshow.com/episodes/55-rapidfire-13/#comments Thu, 07 Feb 2013 15:00:36 +0000 Chris Coyier http://shoptalkshow.com/?p=264 Read more »]]> This week is just Dave and Chris answering as many listener questions as possible. That’s right, it’s RAPIDFIRE time! rat-a-tat-tat. We talk about (roughly in order):

  • What do we think of Kirby CMS?
  • Do we use Compass too? Are there Compass specific plugins?
  • Can you change a Sass variable depending on the media query?
  • Is it possible to find unused CSS selectors?
  • Do you ever use “inherit” as a value?
  • If you use Sass too much, will you forget CSS?
  • How do you explain to a client that you don’t know how to do something?
  • What are the key do’s and don’ts for a contract?

Sponsors

]]> http://shoptalkshow.com/episodes/55-rapidfire-13/feed/ 11 0:48:49 This week is just Dave and Chris answering as many listener questions as possible. That’s right, it’s RAPIDFIRE time! rat-a-tat-tat. We talk about (roughly in order): What do we think of Kirby CMS? Do we use Compass too? Are there Compa[...] This week is just Dave and Chris answering as many listener questions as possible. That’s right, it’s RAPIDFIRE time! rat-a-tat-tat. We talk about (roughly in order): What do we think of Kirby CMS? Do we use Compass too? Are there Compass specific plugins? Can you change a Sass variable depending on the media query? Is it possible to find unused CSS selectors? Do you ever use “inherit” as a value? If you use Sass too much, will you forget CSS? How do you explain to a client that you don’t know how to do something? What are the key do’s and don’ts for a contract? Sponsors Harvest – Time tracking and invoicing for professionals. Check out how easy their Mac app is to use. Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Podcast, Rapidfires ShopTalk no no 054: With Stephanie Rewis http://shoptalkshow.com/episodes/054-with-stephanie-rewis/ http://shoptalkshow.com/episodes/054-with-stephanie-rewis/#comments Tue, 05 Feb 2013 15:00:32 +0000 Chris Coyier http://shoptalkshow.com/?p=267 Read more »]]> Stephanie Rewis is a front end engineer who was a speaker, trainer, and builder all simultaneously for many many years and is now the VP of front end at a not yet launched CRM startup. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Do you use CSS3 selectors? (not just properties)
  • Is inline-block better than floats?
  • Concerning animations and techy graphic formats like SVG and Canvas, is the line between developer and designer blurring even more?
  • Does the advice for young folks getting into the industry apply to those north of 35?
  • Is node or backbone a logical follow up learning choice to HTML/CSS/JS?

Sponsors

More Stephanie

]]> http://shoptalkshow.com/episodes/054-with-stephanie-rewis/feed/ 2 1:06:31 Stephanie Rewis is a front end engineer who was a speaker, trainer, and builder all simultaneously for many many years and is now the VP of front end at a not yet launched CRM startup. We talk about (roughly in order): News’n'Links’n'Dra[...] Stephanie Rewis is a front end engineer who was a speaker, trainer, and builder all simultaneously for many many years and is now the VP of front end at a not yet launched CRM startup. We talk about (roughly in order): News’n'Links’n'Drama Navigation in Lists? Q & A Do you use CSS3 selectors? (not just properties) Is inline-block better than floats? Concerning animations and techy graphic formats like SVG and Canvas, is the line between developer and designer blurring even more? Does the advice for young folks getting into the industry apply to those north of 35? Is node or backbone a logical follow up learning choice to HTML/CSS/JS? Sponsors Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Harvest – Simple Online Time Tracking Software. Spend less time tracking and more time doing. More Stephanie @stefsull W3Conversions Podcast ShopTalk no no 053: With Divya Manian & Garann Means http://shoptalkshow.com/episodes/053-with-divya-manian-garann-means/ http://shoptalkshow.com/episodes/053-with-divya-manian-garann-means/#comments Tue, 29 Jan 2013 16:43:55 +0000 Chris Coyier http://shoptalkshow.com/?p=261 Read more »]]> This week we were joined by Divya Manian, an “Open Web Pamphleteer” at Adobe and Garann Means, a web developer at Etsy and fellow Austinite with Dave. Together they from Frip Frap, a video podcast about front end stuff. That’s right, #CROSSOVER! We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • How did you get started JavaScript testing?
  • What does Git have over SVN?
  • Does a search form belong in a <nav>?
  • Is hiding content off screen (rather than display: none;) going to hurt your SEO?
  • What up with validation flagging so many “errors”?

Sponsors

  • Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off.
  • Lynda.com – Over 77,000 videos teaching not just the web, but photography, business, 3D, and more. Use our link for a free week.

More Divya

More Garann

]]> http://shoptalkshow.com/episodes/053-with-divya-manian-garann-means/feed/ 2 0:56:12 This week we were joined by Divya Manian, an “Open Web Pamphleteer” at Adobe and Garann Means, a web developer at Etsy and fellow Austinite with Dave. Together they from Frip Frap, a video podcast about front end stuff. That’s righ[...] This week we were joined by Divya Manian, an “Open Web Pamphleteer” at Adobe and Garann Means, a web developer at Etsy and fellow Austinite with Dave. Together they from Frip Frap, a video podcast about front end stuff. That’s right, #CROSSOVER! We talk about (roughly in order): News’n'Links’n'Drama WordPress vs Envato drama. Two second recap: Envato sells WP themes with a split license, WordPress doesn’t like that, no solution in sight, Envato authors can’t participate (beyond attending) at WordCamps. Jake Caputo was majorly affected. Chris Wallace is similarly confused. Heather Arthur gets some scorn she didn’t deserve. Q & A How did you get started JavaScript testing? What does Git have over SVN? Does a search form belong in a <nav>? Is hiding content off screen (rather than display: none;) going to hurt your SEO? What up with validation flagging so many “errors”? Sponsors Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Lynda.com – Over 77,000 videos teaching not just the web, but photography, business, 3D, and more. Use our link for a free week. More Divya @divya / @nimbu nimbupani.com More Garann @garranm garann.com Crossovers, Podcast ShopTalk no no 052: With Niki Brown and Liz Andrade http://shoptalkshow.com/episodes/052-with-niki-brown-and-liz-andrade/ http://shoptalkshow.com/episodes/052-with-niki-brown-and-liz-andrade/#comments Tue, 22 Jan 2013 17:45:02 +0000 Chris Coyier http://shoptalkshow.com/?p=256 Read more »]]> This week we were joined by Niki Brown and Liz Andrade, both independent web designers and developers who together form the Pagebreak Podcast. That’s right, another #CROSSOVER! We talk about (roughly in order):

News’n'Links

Q & A

  • When you build a site with WordPress, do you start with a starter theme? (_s, Bones, Roots, HTML5 Reset)
  • When to use min-width and max-width media queries?
  • What’s all the fuss about grid systems?
  • Is “the age of the developer” gone?
  • How do you handle CSS3 features that aren’t supported by IE. Specifically, flexbox.
  • Is using HTML5 sturctural elements bad?

Sponsors

  • Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off.
  • Lynda.com – Over 77,000 videos teaching not just the web, but photography, business, 3D, and more. Use our link for a free week.

More Niki

More Liz

]]> http://shoptalkshow.com/episodes/052-with-niki-brown-and-liz-andrade/feed/ 7 1:04:39 This week we were joined by Niki Brown and Liz Andrade, both independent web designers and developers who together form the Pagebreak Podcast. That’s right, another #CROSSOVER! We talk about (roughly in order): News’n'Links In true cros[...] This week we were joined by Niki Brown and Liz Andrade, both independent web designers and developers who together form the Pagebreak Podcast. That’s right, another #CROSSOVER! We talk about (roughly in order): News’n'Links In true crossover style, we discuss the article Becoming Better Communicators. Q & A When you build a site with WordPress, do you start with a starter theme? (_s, Bones, Roots, HTML5 Reset) When to use min-width and max-width media queries? What’s all the fuss about grid systems? Is “the age of the developer” gone? How do you handle CSS3 features that aren’t supported by IE. Specifically, flexbox. Is using HTML5 sturctural elements bad? Sponsors Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Lynda.com – Over 77,000 videos teaching not just the web, but photography, business, 3D, and more. Use our link for a free week. More Niki NikiBrown.com @nikibrown More Liz CMD+Shift Design @lizandrade Crossovers, Podcast ShopTalk no no 051: With Drew Wilson http://shoptalkshow.com/episodes/with-drew-wilson/ http://shoptalkshow.com/episodes/with-drew-wilson/#comments Fri, 18 Jan 2013 02:58:25 +0000 Chris Coyier http://shoptalkshow.com/?p=252 Read more »]]> This week we were joined by Drew Wilson, a designer and developer (a true cross-bread powerhouse) out of Oceanside, California. Drew created the first widely popular icon font, Pictos. He is a conference organizer, producing ValioCon. He’s the creator of web apps like Space Box and Dialoggs. The list goes on and on. We talk about (roughly in order):

News’n'Links’n'Drama

  • Drew and Josh Long wrote a new book called Execute (in 8 days)
  • Chris decided BuiltItWithMe should get popular again
  • The diversity at conferences drama hits a fever pitch
  • Google Maps says they won’t support Windows Phone 8, then retracts statement
  • Windows Phone 8 meta viewport / @-ms-viewport debacle
  • Follow up on RSI talk

Q & A

  • What is a good CDN for a personal website? Is there a free one? (CloudFlare)
  • How do copyrights work on websites? Is putting the © somewhere on the site enough to protect it? Even the name?
  • How do you allocate time to your side projects?
  • Is there some magical listing of jobs that only shows remote work opportunities?
  • Do we have any accessiblility tips?

Sponsors

More Drew

]]> http://shoptalkshow.com/episodes/with-drew-wilson/feed/ 7 1:04:57 This week we were joined by Drew Wilson, a designer and developer (a true cross-bread powerhouse) out of Oceanside, California. Drew created the first widely popular icon font, Pictos. He is a conference organizer, producing ValioCon. He’s the[...] This week we were joined by Drew Wilson, a designer and developer (a true cross-bread powerhouse) out of Oceanside, California. Drew created the first widely popular icon font, Pictos. He is a conference organizer, producing ValioCon. He’s the creator of web apps like Space Box and Dialoggs. The list goes on and on. We talk about (roughly in order): News’n'Links’n'Drama Drew and Josh Long wrote a new book called Execute (in 8 days) Chris decided BuiltItWithMe should get popular again The diversity at conferences drama hits a fever pitch Google Maps says they won’t support Windows Phone 8, then retracts statement Windows Phone 8 meta viewport / @-ms-viewport debacle Follow up on RSI talk Q & A What is a good CDN for a personal website? Is there a free one? (CloudFlare) How do copyrights work on websites? Is putting the © somewhere on the site enough to protect it? Even the name? How do you allocate time to your side projects? Is there some magical listing of jobs that only shows remote work opportunities? Do we have any accessiblility tips? Sponsors Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Treehouse – Take online courses in learning web design, web development, and iOS development. More Drew drewwilson.com @drewwilson Podcast ShopTalk no no 050: With Daryl Koopersmith http://shoptalkshow.com/episodes/050-with-daryl-koopersmith/ http://shoptalkshow.com/episodes/050-with-daryl-koopersmith/#comments Wed, 09 Jan 2013 19:10:58 +0000 Chris Coyier http://shoptalkshow.com/?p=250 Read more »]]> This week we were joined by Daryl Koopersmith, a San Francisco based web developer. Daryl was a lead developer on WordPress, and co-headed up the recent 3.5 release, specifically working on the new (awesome) media manager. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • What can go wrong when moving a WordPress installation from one laptop to another?
  • How can I make the homepage of a WordPress site as editable as possible for a client?
  • How can I start learning WordPress development?
  • Can you use Sass in a WordPress workflow? What is the future of WordPress and CSS preprocessors?
  • If you want to start selling WordPress themes, what is the best thing to learn?
  • WordPress and eCommerce… where to start?
  • How do you start contributing to WordPress?

Sponsors

More Daryl

]]> http://shoptalkshow.com/episodes/050-with-daryl-koopersmith/feed/ 5 1:07:09 This week we were joined by Daryl Koopersmith, a San Francisco based web developer. Daryl was a lead developer on WordPress, and co-headed up the recent 3.5 release, specifically working on the new (awesome) media manager. We talk about (roughly in [...] This week we were joined by Daryl Koopersmith, a San Francisco based web developer. Daryl was a lead developer on WordPress, and co-headed up the recent 3.5 release, specifically working on the new (awesome) media manager. We talk about (roughly in order): News’n'Links’n'Drama Daryl has left Automattic and is looking for something fresh Pseudo elements now animate in WebKit Q & A What can go wrong when moving a WordPress installation from one laptop to another? How can I make the homepage of a WordPress site as editable as possible for a client? How can I start learning WordPress development? Can you use Sass in a WordPress workflow? What is the future of WordPress and CSS preprocessors? If you want to start selling WordPress themes, what is the best thing to learn? WordPress and eCommerce… where to start? How do you start contributing to WordPress? Sponsors Environments for Humans – Both Chris and Dave will be at the exellent In Control Conference in Orlando this February. Use coupon SHOPTALK for $100 off. Treehouse – Take online courses in learning web design, web development, and iOS development. More Daryl @koop koop on GitHub darylkoop.com Podcast ShopTalk no no 049: With David Walsh http://shoptalkshow.com/episodes/049-with-david-walsh/ http://shoptalkshow.com/episodes/049-with-david-walsh/#comments Fri, 04 Jan 2013 00:02:30 +0000 Chris Coyier http://shoptalkshow.com/?p=246 Read more »]]> David Walsh is a MooTools lover, recent Mozilla-er, and (for a final “M”), fellow original Madisonian with Chris. David has been writing at his blog The David Walsh Blog for over five years. We talk about (roughly in order):

News’n'Links

Q & A

  • Should you use em on everything, even padding?
  • Why the huge differences between Google Analytics and StatCounter?
  • Is an direct editing through FTP based workflow still OK for “small” sites?
  • How do you fight carpal tunnel and tendonitis? (or is it RSI?)
  • What is a good example of a responsive eCommerce site? (United Pixelworkers)
  • Should you conditionally load resources for sub pages or just load everything on all pages?

Sponsors

More David

]]> http://shoptalkshow.com/episodes/049-with-david-walsh/feed/ 15 1:05:25 David Walsh is a MooTools lover, recent Mozilla-er, and (for a final “M”), fellow original Madisonian with Chris. David has been writing at his blog The David Walsh Blog for over five years. We talk about (roughly in order): News’n[...] David Walsh is a MooTools lover, recent Mozilla-er, and (for a final “M”), fellow original Madisonian with Chris. David has been writing at his blog The David Walsh Blog for over five years. We talk about (roughly in order): News’n'Links That whole domain theft thing ShopTalk Shirts CodePen PRO is out now Q & A Should you use em on everything, even padding? Why the huge differences between Google Analytics and StatCounter? Is an direct editing through FTP based workflow still OK for “small” sites? How do you fight carpal tunnel and tendonitis? (or is it RSI?) What is a good example of a responsive eCommerce site? (United Pixelworkers) Should you conditionally load resources for sub pages or just load everything on all pages? Sponsors Environments for Humans – Both Dave and Chris will be at InControl 2013 Orlando! Feburary 17-19. Save $100 with coupon code SHOPTALKSHOW. Lynda.com – Over 77,000 video tutorials about web technology and much more. Use our link for a free week trial. More David @davidwalshblog davidwalsh.name Podcast ShopTalk no no 048: With Jen Simmons http://shoptalkshow.com/episodes/048with-jen-simmons/ http://shoptalkshow.com/episodes/048with-jen-simmons/#comments Fri, 21 Dec 2012 20:19:28 +0000 Chris Coyier http://shoptalkshow.com/?p=242 Read more »]]> This week we were joined by Jen Simmons the host of The Web Ahead (CROSSOVER!) and a long time freelancer, consulter, builder, and friend of the web. We talk about (roughly in order):

News’n'Links’n'Drama

Q&A

  • If you’re good at design, but no so much at code, how do you get better at code?
  • How do you get over being so hypercritical of yourself that it’s debilitating?
  • What’s up with Mixture.io?
  • Using partials in Sass (also: globbing)

Sponsors

  • Environments for Humans – InControl is back in Orlando February 17-19. Use coupon SHOPTALKSHOW for $100 off
  • Lynda.com – Over 77,000 training videos on all kinds of computer learnin’. Use our link for a free week trial.

More Jen

]]> http://shoptalkshow.com/episodes/048with-jen-simmons/feed/ 4 1:06:51 This week we were joined by Jen Simmons the host of The Web Ahead (CROSSOVER!) and a long time freelancer, consulter, builder, and friend of the web. We talk about (roughly in order): News’n'Links’n'Drama Jen also doing The Web Behind w[...] This week we were joined by Jen Simmons the host of The Web Ahead (CROSSOVER!) and a long time freelancer, consulter, builder, and friend of the web. We talk about (roughly in order): News’n'Links’n'Drama Jen also doing The Web Behind with Eric Meyer Instagram Term of Service debacle Animation performance (1, 2) Q&A If you’re good at design, but no so much at code, how do you get better at code? How do you get over being so hypercritical of yourself that it’s debilitating? What’s up with Mixture.io? Using partials in Sass (also: globbing) Sponsors Environments for Humans – InControl is back in Orlando February 17-19. Use coupon SHOPTALKSHOW for $100 off Lynda.com – Over 77,000 training videos on all kinds of computer learnin’. Use our link for a free week trial. More Jen @jensimmons jensimmons.com The Web Ahead Crossovers, Podcast ShopTalk no no 047: with Tim Smith http://shoptalkshow.com/episodes/047-with-tim-smith/ http://shoptalkshow.com/episodes/047-with-tim-smith/#comments Wed, 19 Dec 2012 21:17:02 +0000 Chris Coyier http://shoptalkshow.com/?p=239 Read more »]]> This week we were joined by Tim Smith, a designer doing both freelance work and in-house design work as well as soon-to-be magazine publisher. This is a crossover episode, as both Dave and Chris have been on Tim’s excellent podcast The East Wing. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Should browsers natively support CSS preprocessor syntax?
  • Websites are getting fat. What can we do?
  • Is there tech we can use to help with HIPAA compliance?
  • Should there / can there be print buttons on mobile websites?
  • How does Tim keep on keeping on?

Sponsors

More Tim

]]> http://shoptalkshow.com/episodes/047-with-tim-smith/feed/ 1 1:06:26 This week we were joined by Tim Smith, a designer doing both freelance work and in-house design work as well as soon-to-be magazine publisher. This is a crossover episode, as both Dave and Chris have been on Tim’s excellent podcast The East Wi[...] This week we were joined by Tim Smith, a designer doing both freelance work and in-house design work as well as soon-to-be magazine publisher. This is a crossover episode, as both Dave and Chris have been on Tim’s excellent podcast The East Wing. We talk about (roughly in order): News’n'Links’n'Drama Brian Franco’s book An Illustrated Guide to Front-End Development Sam Stephenson: You Are Not Your Code (relevant to last show’s talk about Prototype) Responsive URL’s (a joke, folks) Andy Clarke and Jen Simmons on The Web Ahead talking weblebrities at conferences. Q & A Should browsers natively support CSS preprocessor syntax? Websites are getting fat. What can we do? Is there tech we can use to help with HIPAA compliance? Should there / can there be print buttons on mobile websites? How does Tim keep on keeping on? Sponsors Mijingo – Educational screencasts for web developers. Use coupon HOTDRAMA to get both the Jekyll and Markdown screencasts for only $15 Environments for Humans – Both Dave and Chris will be at the 2013 InControl conference in Orlando, Florida in February. Use coupon SHOPTALK for $100 off. More Tim timothybsmith.com @timothybsmith @ttimsmith Make Awesome (being renamed?!) Crossovers, Podcast ShopTalk no no 046: RAPIDFIRE #12 http://shoptalkshow.com/episodes/046-rapidfire-12/ http://shoptalkshow.com/episodes/046-rapidfire-12/#comments Wed, 05 Dec 2012 15:00:13 +0000 Chris Coyier http://shoptalkshow.com/?p=231 Read more »]]> This is a classic RAPIDFIRE episode. No guests, no drama, no news, just straight question on answer action. We talk about (roughly in order):

  • What is the best way to host videos behind a pay wall? Chris uses WordPress with Restrict Content Pro (with PayPal) and Vimeo Pro to host the video.
  • Can there be cross-browser problems with PHP?
  • Tips for designers working with developers.
  • Do target="_blank" links affect SEO or UX? When should we use them?
  • Is it better to base breakpoints after known device sizes or the design itself?
  • How the text fade out effect on Polygon.com was done.
  • How is it possible icon fonts show up in Firefox but not Chrome?
  • Why does Prototype still exist?
  • Plug for Color My Sass by Richard Bray.
  • What is the correct semantics for testimonial quote with source? (Not <cite>, apparently)
]]> http://shoptalkshow.com/episodes/046-rapidfire-12/feed/ 13 1:00:26 This is a classic RAPIDFIRE episode. No guests, no drama, no news, just straight question on answer action. We talk about (roughly in order): What is the best way to host videos behind a pay wall? Chris uses WordPress with Restrict Content Pro (wit[...] This is a classic RAPIDFIRE episode. No guests, no drama, no news, just straight question on answer action. We talk about (roughly in order): What is the best way to host videos behind a pay wall? Chris uses WordPress with Restrict Content Pro (with PayPal) and Vimeo Pro to host the video. Can there be cross-browser problems with PHP? Tips for designers working with developers. Do target="_blank" links affect SEO or UX? When should we use them? Is it better to base breakpoints after known device sizes or the design itself? How the text fade out effect on Polygon.com was done. How is it possible icon fonts show up in Firefox but not Chrome? Why does Prototype still exist? Plug for Color My Sass by Richard Bray. What is the correct semantics for testimonial quote with source? (Not <cite>, apparently) Podcast, Rapidfires ShopTalk no no 045: With Harry Roberts http://shoptalkshow.com/episodes/045-with-harry-roberts/ http://shoptalkshow.com/episodes/045-with-harry-roberts/#comments Thu, 29 Nov 2012 19:54:52 +0000 Chris Coyier http://shoptalkshow.com/?p=229 Read more »]]> This week we were joined by Harry Roberts of CSS Wizardy. Harry does a lot of writing about CSS architecture and writing good CSS. He has a fancy title at BSkyB and has worked on apps such as Faavorite. We talk about (roughly in order):

#HOTDRAMA

Q & A

  • In search of the ah-ha moment for preprocessors. (For Harry, variables in inuit.css)
  • What sort of planning process do you go through to prepare yourselves to write efficient code on large projects?
  • How do CSS transforms interplay with normal CSS properties like height/width and top/left?
  • Newly added styles have a way of just being append to end of stylesheet. Are there organizational principals to help with that?
  • There are lots of new awesome workflow tools for Mac, what about Windows and Linux?
  • Is there some kind of tool to automate making CSS IE compatible?

Sponsors

More Harry

]]> http://shoptalkshow.com/episodes/045-with-harry-roberts/feed/ 6 1:02:46 This week we were joined by Harry Roberts of CSS Wizardy. Harry does a lot of writing about CSS architecture and writing good CSS. He has a fancy title at BSkyB and has worked on apps such as Faavorite. We talk about (roughly in order): #HOTDRAMA T[...] This week we were joined by Harry Roberts of CSS Wizardy. Harry does a lot of writing about CSS architecture and writing good CSS. He has a fancy title at BSkyB and has worked on apps such as Faavorite. We talk about (roughly in order): #HOTDRAMA To use or not to use ID’s, the saga. (1) (2) (3) (4) Changes afoot for Ellis Labs / Expression Engine Q & A In search of the ah-ha moment for preprocessors. (For Harry, variables in inuit.css) What sort of planning process do you go through to prepare yourselves to write efficient code on large projects? How do CSS transforms interplay with normal CSS properties like height/width and top/left? Newly added styles have a way of just being append to end of stylesheet. Are there organizational principals to help with that? There are lots of new awesome workflow tools for Mac, what about Windows and Linux? Is there some kind of tool to automate making CSS IE compatible? Sponsors Environments for Humans – InControl 2013 in Orlando is going to be fantastic! Both Dave and Chris will be there. Save $100 with coupon code SHOPTALKSHOW More Harry @csswizardry csswizardry.com Podcast ShopTalk no no 044: With Jeffrey Zeldman http://shoptalkshow.com/episodes/044-with-jeffrey-zeldman/ http://shoptalkshow.com/episodes/044-with-jeffrey-zeldman/#comments Mon, 26 Nov 2012 18:22:26 +0000 Chris Coyier http://shoptalkshow.com/?p=222 Read more »]]> This week we were joined by Jeffrey Zeldman, a man who scarcely needs an introduction around these parts. In the early days of the web Jeffery was influential in pushing web standards forward and getting us to the happy place we are in now. He’s also the man behind the web magazine A List Apart, the web conference An Event Apart, and the book label A Book Apart. We talk about (roughly in order):

#HOTDRAMA

Q & A

  • (21:49) -Can a web designer in isolation in India get better at design? (Jeffrey hooks up Karthik)
  • (25:57) -Was A List Apart one of the first websites to every use CSS (floats) for layout? (Todd Fahrner and Tantek Çelik are heros)
  • (35:01) – What is the biggest change you’ve seen in the industries history?

Sponsors

]]> http://shoptalkshow.com/episodes/044-with-jeffrey-zeldman/feed/ 1 0:46:13 This week we were joined by Jeffrey Zeldman, a man who scarcely needs an introduction around these parts. In the early days of the web Jeffery was influential in pushing web standards forward and getting us to the happy place we are in now. He[...] This week we were joined by Jeffrey Zeldman, a man who scarcely needs an introduction around these parts. In the early days of the web Jeffery was influential in pushing web standards forward and getting us to the happy place we are in now. He’s also the man behind the web magazine A List Apart, the web conference An Event Apart, and the book label A Book Apart. We talk about (roughly in order): #HOTDRAMA (9:23) – Harry Roberts mentions (among other things) that ID’s are no good. Jeffrey defends them. We all have our own thoughts – but agree that dogma == bad. Q & A (21:49) -Can a web designer in isolation in India get better at design? (Jeffrey hooks up Karthik) (25:57) -Was A List Apart one of the first websites to every use CSS (floats) for layout? (Todd Fahrner and Tantek Çelik are heros) (35:01) – What is the biggest change you’ve seen in the industries history? Sponsors (32:42) – Lynda.com – Use that link for a free week! Lynda.com has over 77,000 videos on all kinds of topics ranging from web stuff to photography to business. (43:23) – Environments for Humans – InControl is coming back to Orlando in February 2013. Use SHOPTALK for $100 off! Crossovers, Podcast ShopTalk no no 043: With Gene Crawford and Carl Smith http://shoptalkshow.com/episodes/043-with-gene-crawford-and-carl-smith/ http://shoptalkshow.com/episodes/043-with-gene-crawford-and-carl-smith/#comments Sun, 18 Nov 2012 21:05:16 +0000 Chris Coyier http://shoptalkshow.com/?p=218 Read more »]]> Another CROSSOVER episode! This time the business detectives over at the BizCraft show (Gene Crawford and Carl Smith) join us to solve the toughest unsolved mysteries on the modern web. Translation: we hang out with Gene and Carl and do some Q&A. Both of these fellas run their own little web empires doing client work. Carl runs nGen Works and Gene runs Period Three. We talk about (roughly in order):

Q & A

  • How do you get a job working remotely?
  • How do you handle a client overage right before launch time?
  • How do you deal with charging for time when you get super into a project and spend way more hours on it than you could charge for it?
  • Local SEO went down, international SEO went up. What up with that?
  • I’m not feeling my own portfolio, how can I get a job?
  • Should we always be learning new design techniques like we learn coding techniques?
  • What is the proper usage of ems? (Why Ems?)

Sponsors

More Gene and Carl

]]> http://shoptalkshow.com/episodes/043-with-gene-crawford-and-carl-smith/feed/ 2 0:59:19 Another CROSSOVER episode! This time the business detectives over at the BizCraft show (Gene Crawford and Carl Smith) join us to solve the toughest unsolved mysteries on the modern web. Translation: we hang out with Gene and Carl and do some Q&[...] Another CROSSOVER episode! This time the business detectives over at the BizCraft show (Gene Crawford and Carl Smith) join us to solve the toughest unsolved mysteries on the modern web. Translation: we hang out with Gene and Carl and do some Q&A. Both of these fellas run their own little web empires doing client work. Carl runs nGen Works and Gene runs Period Three. We talk about (roughly in order): Q & A How do you get a job working remotely? How do you handle a client overage right before launch time? How do you deal with charging for time when you get super into a project and spend way more hours on it than you could charge for it? Local SEO went down, international SEO went up. What up with that? I’m not feeling my own portfolio, how can I get a job? Should we always be learning new design techniques like we learn coding techniques? What is the proper usage of ems? (Why Ems?) Sponsors Lynda.com – Over 77,000 video based tutorials on design, programming, photography, animation, and much more. Get 7 days free with that link. Enviornments for Humans – Upcoming back-toi-back conferences in Honolulu, Hawaii! InControl and CSS Dev Conf More Gene and Carl @carlsmith nGenWorks @genecrawford Unmatched Style Period Three Crossovers, Podcast ShopTalk no no 042: Rapidfire #11 http://shoptalkshow.com/episodes/042-rapidfire-11/ http://shoptalkshow.com/episodes/042-rapidfire-11/#comments Sat, 10 Nov 2012 04:26:47 +0000 davatron5000 http://shoptalkshow.com/?p=215 Read more »]]> Hot off the trail of “Episode 41: The Even Lost’er Episode”, we have another surprise RAPIDFIRE!!! No guest, no drama, just question on answer action.

  • What is the correct usage for @extend in Sass?
  • Will Google punish me for using image replacement?
  • #HOTDRAMA: Google’s style guide ignores “optional” tags
  • Which platform would guys suggest wordpress or a static site generator like octopress?
  • Have you guys heard of this tool called CSSComb?
  • Is there an index or resource for the visual styles when mocking up in PSD?
    1. PatternTap
    2. Web Zap
  • Where would a logical starting spot be for learning backbone and and tips?
    1. Todo.js
    2. Introduction to Backbone (YouTube)
  • Do you see site builders (Squarespace, Virb, WordPress, etc) as becoming a problem for web designers in the future?
  • Is there a javascript plugin somewhere that builds a product grid with DIVs?
  • Can you guys tell once and for ever : is indenting -9999px dangerous or not?

Sponsors

]]> http://shoptalkshow.com/episodes/042-rapidfire-11/feed/ 1 0:52:04 Hot off the trail of “Episode 41: The Even Lost’er Episode”, we have another surprise RAPIDFIRE!!! No guest, no drama, just question on answer action. What is the correct usage for @extend in Sass? Will Google punish me for using [...] Hot off the trail of “Episode 41: The Even Lost’er Episode”, we have another surprise RAPIDFIRE!!! No guest, no drama, just question on answer action. What is the correct usage for @extend in Sass? Will Google punish me for using image replacement? #HOTDRAMA: Google’s style guide ignores “optional” tags Which platform would guys suggest wordpress or a static site generator like octopress? Have you guys heard of this tool called CSSComb? Is there an index or resource for the visual styles when mocking up in PSD? PatternTap Web Zap Where would a logical starting spot be for learning backbone and and tips? Todo.js Introduction to Backbone (YouTube) Do you see site builders (Squarespace, Virb, WordPress, etc) as becoming a problem for web designers in the future? Is there a javascript plugin somewhere that builds a product grid with DIVs? Can you guys tell once and for ever : is indenting -9999px dangerous or not? Sponsors Mijingo – Screencast for serious developers. Use the code HOTDRAMA to get Static Websites with Jekyll and Basics of Markdown for $15. Environments for Humans – Conferences for web people. Nov 12th – Mobile JavaScript Summit Nov 13-14-15th – JavaScript Summit Use code SHOPTALKSHOW — that’s good for 20% off at both conferences Podcast, Rapidfires ShopTalk no no 040: with Laura Kalbag http://shoptalkshow.com/episodes/040-with-laura-kalbag/ http://shoptalkshow.com/episodes/040-with-laura-kalbag/#comments Sun, 28 Oct 2012 22:49:15 +0000 Chris Coyier http://shoptalkshow.com/?p=200 Read more »]]> This week we were joined by Laura Kalbag, a freelance designer from Surrey in the UK. She’s done some work you might be familiar with, like the “Future Of …” conference websites. Laura talks about responsive design and what it’s like being a web designer in a modern and fresh way. We talk about (roughly in order):

Hot Drama

Q & A

  • What’s your process of designing a website? Laura mentions Sketch.
  • What do you see as the challenges for designers designing for Responsive design and how do see them being addressed?
  • What your go-to plugins are when developing a WordPress theme? (Chris’ list) Laura liked Advanced Custom Fields.
  • How do you recommend incorporating a CSS reset into a Sass workflow?
  • How difficult do you find it to “sell” responsive web design to smaller clients?
  • Will we start seeing more horizontally scrolling sites with vertical media queries instead of the standard (vice versa)?
  • Do you have any recommendations about how I should start giving life to my designs through color?
  • Which size screen do you start designing for first? What about coding for?

Sponsors

More Laura

]]> http://shoptalkshow.com/episodes/040-with-laura-kalbag/feed/ 1 1:05:58 This week we were joined by Laura Kalbag, a freelance designer from Surrey in the UK. She’s done some work you might be familiar with, like the “Future Of …” conference websites. Laura talks about responsive design and what i[...] This week we were joined by Laura Kalbag, a freelance designer from Surrey in the UK. She’s done some work you might be familiar with, like the “Future Of …” conference websites. Laura talks about responsive design and what it’s like being a web designer in a modern and fresh way. We talk about (roughly in order): Hot Drama UX is Bullocks The “truth” about HTML5. QUOTATION MARKS MINE. WebPlatform.org Q & A What’s your process of designing a website? Laura mentions Sketch. What do you see as the challenges for designers designing for Responsive design and how do see them being addressed? What your go-to plugins are when developing a WordPress theme? (Chris’ list) Laura liked Advanced Custom Fields. How do you recommend incorporating a CSS reset into a Sass workflow? How difficult do you find it to “sell” responsive web design to smaller clients? Will we start seeing more horizontally scrolling sites with vertical media queries instead of the standard (vice versa)? Do you have any recommendations about how I should start giving life to my designs through color? Which size screen do you start designing for first? What about coding for? Sponsors PeepCode – High quality instructional videos on a variety of tech subjects. For instance, this bundle of design videos that show top designers work through design problems out loud and on camera. Environments for Humans – Conferences for web people. For instance, InControl Conference and CSS Dev Conf coming up the first week of December. More Laura laurakalbag.com @laurakalbag Podcast ShopTalk no no 039: Rapidfire #10 http://shoptalkshow.com/episodes/039-rapidfire-10/ http://shoptalkshow.com/episodes/039-rapidfire-10/#comments Thu, 18 Oct 2012 15:50:29 +0000 Chris Coyier http://shoptalkshow.com/?p=199 Read more »]]> Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order):

  • Golden rules for freelancers or sub contractors for protecting themselves.
  • What to do when your working environment is getting too complicated for you to feel effective.
  • What happens with ems on retina displays? Do they change? What about rems?
  • How do you load mobile specific stylesheets in WordPress with wp_enqueue_style()?
  • Should you use fake data for development in the early days of a web app?
  • Can you size icon fonts like you might size an image in a flexible design, taking up 100% of the width of a container like an image might?
  • Is it OK to use Dreamweaver for a code editor?
  • I’m 16 – what should my hourly rate be?
  • Can you convert CSS into SCSS?

Sponsors

]]> http://shoptalkshow.com/episodes/039-rapidfire-10/feed/ 0 1:22:03 Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): Golden rules for freelancers or sub contractors for protecting themselves. What to do when y[...] Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): Golden rules for freelancers or sub contractors for protecting themselves. What to do when your working environment is getting too complicated for you to feel effective. What happens with ems on retina displays? Do they change? What about rems? How do you load mobile specific stylesheets in WordPress with wp_enqueue_style()? Should you use fake data for development in the early days of a web app? Can you size icon fonts like you might size an image in a flexible design, taking up 100% of the width of a container like an image might? Is it OK to use Dreamweaver for a code editor? I’m 16 – what should my hourly rate be? Can you convert CSS into SCSS? Sponsors Mijingo – Screencast for serious developers. One recent release of theirs is about Jekyll, a static site generator on Ruby. Environments for Humans – Conferences for web people. Upcoming conferences include InControl Conf and CSS Dev Conf, back to back in Honolulu Hawaii this early December. Podcast, Rapidfires ShopTalk no no 038: Rapidfire #9 http://shoptalkshow.com/episodes/038-rapidfire-9/ http://shoptalkshow.com/episodes/038-rapidfire-9/#comments Thu, 11 Oct 2012 15:00:55 +0000 Chris Coyier http://shoptalkshow.com/?p=198 Read more »]]> Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order):

  • How do you prevent padding adding to the width of an element?
  • Where do you start contributing on GitHub?
  • Are there performance considerations for including multiple identical media queries?
  • How can you print background colors and images? (WebKit: :root { -webkit-print-color-adjust: exact; })
  • What’s up with IE VM’s?
  • What do we think of Google’s style guides?
  • Can we make the server help us with responsive images?
  • Are landing pages a no-no in modern web design?
  • Is there a way to solve hover menus on touch screen devices?
  • What should I learn next? Classic.

Sponsors

  • Mijingo – Screencasts for people serious about learning web development. They have recently released a screencast on Jekyll — learn how to build a static site generator in Ruby.
  • Environments for Humans – Conferences for web people. Upcoming conferences include InControl Conf and CSS Dev Conf in Honolulu, Hawaii.
]]> http://shoptalkshow.com/episodes/038-rapidfire-9/feed/ 0 1:07:59 Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): How do you prevent padding adding to the width of an element? Where do you start contributin[...] Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): How do you prevent padding adding to the width of an element? Where do you start contributing on GitHub? Are there performance considerations for including multiple identical media queries? How can you print background colors and images? (WebKit: :root { -webkit-print-color-adjust: exact; }) What’s up with IE VM’s? What do we think of Google’s style guides? Can we make the server help us with responsive images? Are landing pages a no-no in modern web design? Is there a way to solve hover menus on touch screen devices? What should I learn next? Classic. Sponsors Mijingo – Screencasts for people serious about learning web development. They have recently released a screencast on Jekyll — learn how to build a static site generator in Ruby. Environments for Humans – Conferences for web people. Upcoming conferences include InControl Conf and CSS Dev Conf in Honolulu, Hawaii. Podcast, Rapidfires ShopTalk no no 037: Rapidfire #8 http://shoptalkshow.com/episodes/037-rapidfire-8/ http://shoptalkshow.com/episodes/037-rapidfire-8/#comments Thu, 04 Oct 2012 19:48:53 +0000 Chris Coyier http://shoptalkshow.com/?p=189 Read more »]]> No guests, No drama. Just all question on answer action! We talk about (roughly in order):

  • On a site where WordPress is overkill but you need a blog, what do you use?
  • Can you @font-face fonts that come on your Mac?
  • How do you deal with sorting a responsive data table?
  • How do we stay motivated?
  • How do you implement responsive images in WordPress?
  • What is the best way to load checkbox states from a database in an Ajax-y app?
  • Why are we polyfilling media queries for IE 8 and below?
  • Is there a way get Sass to output all media queries at the end of the document rather than peppered througout?
]]> http://shoptalkshow.com/episodes/037-rapidfire-8/feed/ 1 0:45:01 No guests, No drama. Just all question on answer action! We talk about (roughly in order): On a site where WordPress is overkill but you need a blog, what do you use? Can you @font-face fonts that come on your Mac? How do you deal with sorting a re[...] No guests, No drama. Just all question on answer action! We talk about (roughly in order): On a site where WordPress is overkill but you need a blog, what do you use? Can you @font-face fonts that come on your Mac? How do you deal with sorting a responsive data table? How do we stay motivated? How do you implement responsive images in WordPress? What is the best way to load checkbox states from a database in an Ajax-y app? Why are we polyfilling media queries for IE 8 and below? Is there a way get Sass to output all media queries at the end of the document rather than peppered througout? Podcast, Rapidfires ShopTalk no no 036: Rapidfire #7 http://shoptalkshow.com/episodes/036-rapidfire-7/ http://shoptalkshow.com/episodes/036-rapidfire-7/#comments Tue, 25 Sep 2012 15:00:20 +0000 Chris Coyier http://shoptalkshow.com/?p=197 Read more »]]> Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order):

  • How can you minify CSS when you use WordPress? WordPress needs a special block of comments at the top of the CSS file for the theme to work.
  • What do we need ems for? What is the payoff?
  • How we can create equal height div with only css?
  • What internet security software do we use for Mac?
  • Is there a way to style individual letters of a string with just CSS?
  • How do you integrate GitHub into a real web publishing workflow?
  • Are frameworks just not for me, or am I missing the point?
  • A client wants to hide page titles in WordPress. Isn’t that bad SEO?
  • Understanding the purpose behind data-* attributes in HTML5.

Sponsors

  • Converge FL – A conference for web people who like to make the web a little happier and friendlier. Tallahassee, Florida on October 4-5, 2012.
  • Environments for Humans – Conference for web folks. InControl Conference is coming up in Honolulu, Hawaii this December 2-4, 2012. Use coupon code SHOPTALK for $100 off.
]]> http://shoptalkshow.com/episodes/036-rapidfire-7/feed/ 0 0:55:12 Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): How can you minify CSS when you use WordPress? WordPress needs a special block of comments a[...] Another RAPIDFIRE episode of ShopTalk! No guests, no #hotdrama, no news, just all steaming hot question on answer action. We talk about (roughly in order): How can you minify CSS when you use WordPress? WordPress needs a special block of comments at the top of the CSS file for the theme to work. What do we need ems for? What is the payoff? How we can create equal height div with only css? What internet security software do we use for Mac? Is there a way to style individual letters of a string with just CSS? How do you integrate GitHub into a real web publishing workflow? Are frameworks just not for me, or am I missing the point? A client wants to hide page titles in WordPress. Isn’t that bad SEO? Understanding the purpose behind data-* attributes in HTML5. Sponsors Converge FL – A conference for web people who like to make the web a little happier and friendlier. Tallahassee, Florida on October 4-5, 2012. Environments for Humans – Conference for web folks. InControl Conference is coming up in Honolulu, Hawaii this December 2-4, 2012. Use coupon code SHOPTALK for $100 off. Podcast, Rapidfires ShopTalk no no 035: With Brad Frost http://shoptalkshow.com/episodes/035-with-brad-frost/ http://shoptalkshow.com/episodes/035-with-brad-frost/#comments Fri, 21 Sep 2012 15:15:33 +0000 Chris Coyier http://shoptalkshow.com/?p=204 Read more »]]> This week we were joined by Brad Frost, a web designer and developer who is doing a lot these days for the responsive web design movement. He’s created things like Mobile Web Best Practices and This Is Responsive. We talk about (roughly in order):

Q & A

  • What are our go-to WordPress plugins? (these)
  • Life beyond the final breakpoint
  • Isn’t adaptive design better?
  • How do you deal with a grid when you start with mobile first?
  • Ems, rems, percentages, etc. in responsive design, including media queries. (Link about using em’s for breakpoints)
  • What is a good UI/UX conference to go to?
  • How do you deal with the “view desktop version | view mobile version” thing?
  • Who’s responsive design would be better? Batman or Flash?

Sponsors

  • Harvest – Time tracking, time analysis, and invoicing for people that do client work on computers. Make sure to check out their Mac app as well as iOS and Android apps.
  • Environments for Humans – All three of us in this episode are going to be at InControl Conf and CSS Dev Conf in Honolulu Hawaii this December 2-5, 2012.

More Brad

]]> http://shoptalkshow.com/episodes/035-with-brad-frost/feed/ 0 1:09:44 This week we were joined by Brad Frost, a web designer and developer who is doing a lot these days for the responsive web design movement. He’s created things like Mobile Web Best Practices and This Is Responsive. We talk about (roughly in ord[...] This week we were joined by Brad Frost, a web designer and developer who is doing a lot these days for the responsive web design movement. He’s created things like Mobile Web Best Practices and This Is Responsive. We talk about (roughly in order): Q & A What are our go-to WordPress plugins? (these) Life beyond the final breakpoint Isn’t adaptive design better? How do you deal with a grid when you start with mobile first? Ems, rems, percentages, etc. in responsive design, including media queries. (Link about using em’s for breakpoints) What is a good UI/UX conference to go to? How do you deal with the “view desktop version | view mobile version” thing? Who’s responsive design would be better? Batman or Flash? Sponsors Harvest – Time tracking, time analysis, and invoicing for people that do client work on computers. Make sure to check out their Mac app as well as iOS and Android apps. Environments for Humans – All three of us in this episode are going to be at InControl Conf and CSS Dev Conf in Honolulu Hawaii this December 2-5, 2012. More Brad @brad_frost bradfrostweb.com Podcast ShopTalk no no 034: With Jeremy Keith http://shoptalkshow.com/episodes/034-with-jeremy-keith/ http://shoptalkshow.com/episodes/034-with-jeremy-keith/#comments Mon, 17 Sep 2012 14:00:09 +0000 Chris Coyier http://shoptalkshow.com/?p=194 Read more »]]> This week we were joined by Jeremy Keith, long time super genius. Jeremy works at Clearleft in what he dubs the Research & Development arm. He built Huffduffer, wrote HTML5 for Web Designers (amongst other books), and is an all around swell chap from Brighton, UK. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Why is there no <main> element? And the Scooby-Doo algorithm.
  • HTML5 has a bunch of stuff in it to benefit everybody… except developers?
  • Is mobile first design hindering creativity?
  • Will HTML5 mobile apps ever be as efficient as Native apps? Is that the right question?

Sponsors

More Jeremy

]]> http://shoptalkshow.com/episodes/034-with-jeremy-keith/feed/ 0 1:06:07 This week we were joined by Jeremy Keith, long time super genius. Jeremy works at Clearleft in what he dubs the Research & Development arm. He built Huffduffer, wrote HTML5 for Web Designers (amongst other books), and is an all around swell chap[...] This week we were joined by Jeremy Keith, long time super genius. Jeremy works at Clearleft in what he dubs the Research & Development arm. He built Huffduffer, wrote HTML5 for Web Designers (amongst other books), and is an all around swell chap from Brighton, UK. We talk about (roughly in order): News’n'Links’n'Drama Crowd Favorite is hiring. Clearleft is too. Jen Simmons & Eric Meyer are creating The Web Behind. Q & A Why is there no <main> element? And the Scooby-Doo algorithm. HTML5 has a bunch of stuff in it to benefit everybody… except developers? Is mobile first design hindering creativity? Will HTML5 mobile apps ever be as efficient as Native apps? Is that the right question? Sponsors Squarespace – A web app for building powerful and beautiful websites. Use coupon SHOPTALK9 for 10% off any purchase. Environments for Humans – Upcoming conferences include three back-to-back online conferences: Accessibility Summit, UX Web Summit, and the Content Strategy Summit. Use coupon code SHOPTALK for 20% off. More Jeremy Adactio.com @adactio Podcast ShopTalk no no 033: With Alex King http://shoptalkshow.com/episodes/033-with-alex-king/ http://shoptalkshow.com/episodes/033-with-alex-king/#comments Wed, 12 Sep 2012 00:35:21 +0000 davatron5000 http://shoptalkshow.com/?p=192 Read more »]]> This week we were joined by long time WordPress contributor and entrepreneur Alex King. Alex has been kicking ass on WordPress for longer than we’ve known it was a thing. He is now the proprietor of Crowd Favorite which does large scale client work and creates find products such as RAMP and Carrington Build. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • How do you keep a WordPress database in sync between local development and the live server?
  • For someone just getting started with WordPress and wants to run a business around it, what should you focus on, what should your goals be, and how do you stay motivated?
  • What is the difference between WP_Query and query_posts?
  • Do you ever give clients multiple environments of a site (e.g. staging and production)?
  • Now that RAMP is a thing, is it shifting the attitude or creating more interesting around WordPress in enterprise / large companies?
  • How do you get started theming a WordPress site? Are there starter themes?
  • What is our take on the Akisment plugin for WordPress (since it costs money)?
  • Is it OK to hide page/post titles in WordPress? Isn’t that bad SEO?

Sponsors

  • Breaking Development (BD) Conf – An upcoming conference at the lovely Gaylord Texan in Dallas, Texas. BD Conf is all about the web as it exists “beyond the desktop”. Chris will be there! Use coupon code TXSHOPP for $200 off.
  • Environments for Humans – Conferences for us web folk. Upcoming face-to-face conferences include InControl and CSS Dev Conf, both in Hawaii this early December! Use coupon code SHOPTALK for $100 off tickets.

More Alex

]]> http://shoptalkshow.com/episodes/033-with-alex-king/feed/ 0 1:03:48 This week we were joined by long time WordPress contributor and entrepreneur Alex King. Alex has been kicking ass on WordPress for longer than we’ve known it was a thing. He is now the proprietor of Crowd Favorite which does large scale client[...] This week we were joined by long time WordPress contributor and entrepreneur Alex King. Alex has been kicking ass on WordPress for longer than we’ve known it was a thing. He is now the proprietor of Crowd Favorite which does large scale client work and creates find products such as RAMP and Carrington Build. We talk about (roughly in order): News’n'Links’n'Drama “The Flowing Standard” Q & A How do you keep a WordPress database in sync between local development and the live server? For someone just getting started with WordPress and wants to run a business around it, what should you focus on, what should your goals be, and how do you stay motivated? What is the difference between WP_Query and query_posts? Do you ever give clients multiple environments of a site (e.g. staging and production)? Now that RAMP is a thing, is it shifting the attitude or creating more interesting around WordPress in enterprise / large companies? How do you get started theming a WordPress site? Are there starter themes? What is our take on the Akisment plugin for WordPress (since it costs money)? Is it OK to hide page/post titles in WordPress? Isn’t that bad SEO? Sponsors Breaking Development (BD) Conf – An upcoming conference at the lovely Gaylord Texan in Dallas, Texas. BD Conf is all about the web as it exists “beyond the desktop”. Chris will be there! Use coupon code TXSHOPP for $200 off. Environments for Humans – Conferences for us web folk. Upcoming face-to-face conferences include InControl and CSS Dev Conf, both in Hawaii this early December! Use coupon code SHOPTALK for $100 off tickets. More Alex AlexKing.org @alexkingorg Podcast ShopTalk no no 032: With Estelle Weyl http://shoptalkshow.com/episodes/032-with-estelle-weyl/ http://shoptalkshow.com/episodes/032-with-estelle-weyl/#comments Fri, 31 Aug 2012 17:22:41 +0000 Chris Coyier http://shoptalkshow.com/?p=186 Read more »]]> This week we are joined by Estelle Weyl. Estelle is a contract front end design engineer who has worked with a long list of big name companies. She has written a number of tech books, working on several more, and speaks at dozens of conferences a year. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • The type attribute and links – could browsers affect request headers and thus the content served from the same URL?
  • Do websites using the .mobi TLD render differently on iOS? (We say on the show probably not, but…)
  • What is Flexbox actually doing to do for us, on a practical level?
  • How can we get client approval when they are constantly throwing up road blocks and steamrolling good designs?
  • What does “Front End Web Developer” actually mean? Do they need to know back end stuff as well?

Sponsors

More Estelle

]]> http://shoptalkshow.com/episodes/032-with-estelle-weyl/feed/ 0 1:08:58 This week we are joined by Estelle Weyl. Estelle is a contract front end design engineer who has worked with a long list of big name companies. She has written a number of tech books, working on several more, and speaks at dozens of conferences a ye[...] This week we are joined by Estelle Weyl. Estelle is a contract front end design engineer who has worked with a long list of big name companies. She has written a number of tech books, working on several more, and speaks at dozens of conferences a year. We talk about (roughly in order): News’n'Links’n'Drama FontPrep – Like the Font Squirrel @font-face generator on a Mac app you run locally. Twitter API 1.1 Changes – #hotdrama Picture element (Florian’s Compromise) now in dev specs. Q & A The type attribute and links – could browsers affect request headers and thus the content served from the same URL? Do websites using the .mobi TLD render differently on iOS? (We say on the show probably not, but…) What is Flexbox actually doing to do for us, on a practical level? How can we get client approval when they are constantly throwing up road blocks and steamrolling good designs? What does “Front End Web Developer” actually mean? Do they need to know back end stuff as well? Sponsors Environments for Humans – Honolulu, Hawaii, Web Nerds: InControl Conference and CSS Dev Conf. Save $100 with coupon SHOPTALK Squarespace – A web app for building websites. Use coupon code SHOPTALK8 for 10% off any purchase. More Estelle @estellevw standardista.com Podcast ShopTalk no no 031: With Matt Mullenweg http://shoptalkshow.com/episodes/031-with-matt-mullenweg/ http://shoptalkshow.com/episodes/031-with-matt-mullenweg/#comments Wed, 29 Aug 2012 09:00:59 +0000 Chris Coyier http://shoptalkshow.com/?p=182 Read more »]]> Matt is the co-founder of WordPress (.org, .com) and and essentially the head dude there and at Akismet, VaultPress, Gravatar, bbPress… you know, a few things (see: Automattic). We talk about (roughly in order):

Q & A

  • Will you get more traffic just being on WordPress vs being on Blogger?
  • What do you need to consider before you start storing sensitive information on the web like Social Security Numbers? (For starters, PCI compliance)
  • Can you recommend a blank starter theme for WordPress? (_s)
  • A young developer asks: what should I learn next? (ya’ll know the chorus)
  • Wouldn’t it be easier just to build a responsive admin rather than a separate native app for WordPress?
  • What kind of apps would Matt like to see be built on WordPress?
  • How do you deal with WordPress security? (book)
  • re: Culture of Distraction – How does Matt stay focused?

Sponsors

  • Harvest – Time tracking for professionals. Coupon code SHOPTALK is good for 50% off first month or 10% of a yearly plan.
  • Environments for Humans – Conferences for web people. Coupon code SHOPTALK is good for $100 off InControl.

More Matt

]]> http://shoptalkshow.com/episodes/031-with-matt-mullenweg/feed/ 2 0:54:43 Matt is the co-founder of WordPress (.org, .com) and and essentially the head dude there and at Akismet, VaultPress, Gravatar, bbPress… you know, a few things (see: Automattic). We talk about (roughly in order): Q & A Will you get more t[...] Matt is the co-founder of WordPress (.org, .com) and and essentially the head dude there and at Akismet, VaultPress, Gravatar, bbPress… you know, a few things (see: Automattic). We talk about (roughly in order): Q & A Will you get more traffic just being on WordPress vs being on Blogger? What do you need to consider before you start storing sensitive information on the web like Social Security Numbers? (For starters, PCI compliance) Can you recommend a blank starter theme for WordPress? (_s) A young developer asks: what should I learn next? (ya’ll know the chorus) Wouldn’t it be easier just to build a responsive admin rather than a separate native app for WordPress? What kind of apps would Matt like to see be built on WordPress? How do you deal with WordPress security? (book) re: Culture of Distraction – How does Matt stay focused? Sponsors Harvest – Time tracking for professionals. Coupon code SHOPTALK is good for 50% off first month or 10% of a yearly plan. Environments for Humans – Conferences for web people. Coupon code SHOPTALK is good for $100 off InControl. More Matt Automattic.com Ma.tt @photomatt Podcast ShopTalk no no 030: With Rebecca Murphey http://shoptalkshow.com/episodes/030-with-rebecca-murphey/ http://shoptalkshow.com/episodes/030-with-rebecca-murphey/#comments Tue, 21 Aug 2012 19:06:16 +0000 Chris Coyier http://shoptalkshow.com/?p=144 Read more »]]> This week we were joined by Rebecca Murphey. She is a JavaScript developer currently working for Bocoup and creating a training curriculum (something she has experience in doing). Her blog is a must-read for modern day JavaScript devs. We talk about (roughly in order):

News’n'Links’n'Drama

  • $foo syntax for CSS variables dropped. Good or bad?
  • Rebecca’s Net Mag drama: an official statement.

Q & A

  • Do you prefer function declarations or expressions and why?
  • Is JavaScript at it’s peak? What is JavaScript’s future?
  • What do we think about Adapt.js for responsive design?
  • GitHub Etiquette
  • How do you write tests when your only public functions are init();?
  • Is it OK to charge when you’re still learning?

Sponsors

More Rebecca

]]> http://shoptalkshow.com/episodes/030-with-rebecca-murphey/feed/ 0 1:04:08 This week we were joined by Rebecca Murphey. She is a JavaScript developer currently working for Bocoup and creating a training curriculum (something she has experience in doing). Her blog is a must-read for modern day JavaScript devs. We talk about[...] This week we were joined by Rebecca Murphey. She is a JavaScript developer currently working for Bocoup and creating a training curriculum (something she has experience in doing). Her blog is a must-read for modern day JavaScript devs. We talk about (roughly in order): News’n'Links’n'Drama $foo syntax for CSS variables dropped. Good or bad? Rebecca’s Net Mag drama: an official statement. Q & A Do you prefer function declarations or expressions and why? Is JavaScript at it’s peak? What is JavaScript’s future? What do we think about Adapt.js for responsive design? GitHub Etiquette How do you write tests when your only public functions are init();? Is it OK to charge when you’re still learning? Sponsors Squarespace – A web app for building websites. Use code SHOPTALK8 for 10% off any purchase. Environments for Humans – Use coupon code SHOPTALK for 20% off the Responsive Web Design Summit (online) or $100 off InControl Conference (Hawaii). More Rebecca Blog: Adventures in JavaScript Development @rmurphey Podcast ShopTalk no no 029: With Tab Atkins http://shoptalkshow.com/episodes/029-with-tab-atkins/ http://shoptalkshow.com/episodes/029-with-tab-atkins/#comments Mon, 13 Aug 2012 09:00:34 +0000 Chris Coyier http://shoptalkshow.com/?p=141 Read more »]]> This week we were joined by Tab Atkins. Tab is a member of the CSS Working Group in the W3C and contributes to several other working groups. He is an employee of Google with the title Web Standards Hacker. We talk about (roughly in order):

Followup

#hotdrama

  • Dave and Ryan Irelan go freaky friday. Dave is using Sublime Text 2 all week and Ryan is going Coda 2 all week.
  • TextMate goes open source.

Q & A

  • Why don’t CSS float clear themselves? (Or, their parents)
  • Where does Tab land on the whole srcset/picture thing?
  • Making animations smoother (and stuff)
  • Why are there margins, borders, and padding? Shouldn’t those just be one thing?
  • Is higher education necessary in web dev?
  • Do you need to encode characters anymore or can you just use symbols right in code?

Sponsor

More Tab

]]> http://shoptalkshow.com/episodes/029-with-tab-atkins/feed/ 0 0:58:21 This week we were joined by Tab Atkins. Tab is a member of the CSS Working Group in the W3C and contributes to several other working groups. He is an employee of Google with the title Web Standards Hacker. We talk about (roughly in order): Followup [...] This week we were joined by Tab Atkins. Tab is a member of the CSS Working Group in the W3C and contributes to several other working groups. He is an employee of Google with the title Web Standards Hacker. We talk about (roughly in order): Followup Josh Dyck wrote in with a link to an article by Lee Blue on automating database syncing. #hotdrama Dave and Ryan Irelan go freaky friday. Dave is using Sublime Text 2 all week and Ryan is going Coda 2 all week. TextMate goes open source. Q & A Why don’t CSS float clear themselves? (Or, their parents) Where does Tab land on the whole srcset/picture thing? Making animations smoother (and stuff) Why are there margins, borders, and padding? Shouldn’t those just be one thing? Is higher education necessary in web dev? Do you need to encode characters anymore or can you just use symbols right in code? Sponsor Environments for Humans – Upcoming conferences include Responsive Web Design Summit (online) and CSS Dev Conf (Hawaii) More Tab xanthir.com @tabatkins Podcast ShopTalk no no 028: With Allison House http://shoptalkshow.com/episodes/with-allison-house/ http://shoptalkshow.com/episodes/with-allison-house/#comments Wed, 08 Aug 2012 20:40:49 +0000 Chris Coyier http://shoptalkshow.com/?p=135 Read more »]]> This week we were joined by by the amazing designer and “pixel perfectionist” Allison House. Allison has worked with a number of big web/tech education companies like Treehouse and Code Academy. We talk about (roughly in order):

News’n'Links

Q & A

  • How do you get better at Photoshop?
  • How often should you change jobs?
  • Should you stick with what you know to get work done, or always be learning?
  • What are the new layout methods and when can we start using them?
  • Do we use CSS grid systems?
  • Can you transition pseudo elements? (not really, yet)
  • What is the benefit of semantic markup? Why is HTML5 even a thing?

Sponsors

More Allison

]]> http://shoptalkshow.com/episodes/with-allison-house/feed/ 0 1:05:28 This week we were joined by by the amazing designer and “pixel perfectionist” Allison House. Allison has worked with a number of big web/tech education companies like Treehouse and Code Academy. We talk about (roughly in order): News[...] This week we were joined by by the amazing designer and “pixel perfectionist” Allison House. Allison has worked with a number of big web/tech education companies like Treehouse and Code Academy. We talk about (roughly in order): News’n'Links Prism Other podcasts Chris likes Q & A How do you get better at Photoshop? How often should you change jobs? Should you stick with what you know to get work done, or always be learning? What are the new layout methods and when can we start using them? Do we use CSS grid systems? Can you transition pseudo elements? (not really, yet) What is the benefit of semantic markup? Why is HTML5 even a thing? Sponsors Environments for Humans – The Responsive Web Design Summit is coming up August 28th. Squarespace – Everything you need to build an exceptional website. Save 10% off any purchase with coupon code shoptalk8 More Allison allisonhou.se @house Podcast ShopTalk no no 026: RAPIDFIRE #6 http://shoptalkshow.com/episodes/026-rapidfire-6/ http://shoptalkshow.com/episodes/026-rapidfire-6/#comments Thu, 19 Jul 2012 12:00:37 +0000 Chris Coyier http://shoptalkshow.com/?p=124 Read more »]]> This week is a classic RAPIDFIRE where we get through as many reader questions as we can. No guests, no drama, just all question on answer action. We talk about (roughly in order):

Sponsors

]]> http://shoptalkshow.com/episodes/026-rapidfire-6/feed/ 1 0:15:02 This week is a classic RAPIDFIRE where we get through as many reader questions as we can. No guests, no drama, just all question on answer action. We talk about (roughly in order): Mental block on normalize.css Need a bunch of icons for a site, use[...] This week is a classic RAPIDFIRE where we get through as many reader questions as we can. No guests, no drama, just all question on answer action. We talk about (roughly in order): Mental block on normalize.css Need a bunch of icons for a site, use a sprite or make a font? (Goldilocks, Baby bear, Mama bear, Papa bear) Keeping Twitter Bootstrap up to date in projects. Do you need to? (Dave mentioned diffing with Kalidescope) Trello vs. Basecamp vs. ??? Keeping local and live databases in sync (RAMP) Backing up sites, including databases (VaultPress) Google Maps with intrinsic aspect ratios, can it be done? What to get for legit hosting for $500 a year (MediaTemple (dv), probalby) Reselling domains and hosting for clients. A good idea? Do non-JS users really exist? Are there stats? (Remy sharp’s technique, 2010 data from Yahoo) Why aren’t data URI’s used more often? Sponsors Crafting Type – A 5-day design workshop for designing type in Edmonton, Alberta. Environments for Humans – Upcoming conferences include In Control in Hawaii followed directly by the CSS Dev Conf. Podcast, Rapidfires ShopTalk no no 025: With Dan Cederholm http://shoptalkshow.com/episodes/025-with-dan-cederholm/ http://shoptalkshow.com/episodes/025-with-dan-cederholm/#comments Mon, 16 Jul 2012 16:40:44 +0000 Chris Coyier http://shoptalkshow.com/?p=126 Read more »]]> This week we were joined by the legendary Dan Cederholm. Dan is the author of (dare we say) the best books ever written on CSS including Handcrafted CSS, CSS3 for Web Designers, and Bulletproof Web Design. He’s done some very high end client work, founded a few startups, and has done a bunch of speaking. Most notably these days, Dan is the founder and half the team at Dribbble. We talk about (roughly in order):

Hot Drama

News ‘n’ Links ‘n’ Followup

Q & A

  • How can you help (and how do you approach) responsive designs on existing websites?
  • He’s been out of the game since 2004, how does he get back in?
  • How do you charge clients for the fonts that you buy?
  • What is the back end of Dribbble?
  • How did Dan get the idea for Dribbble?
  • Will Dribbble allow for higher resolution shots?
  • What up with Dribbbleboard.com (stuff about API usage)
  • Will Dribbble ever do a conference?
  • Sure, “Just Build Websites”, but where to get feedback on those websites?

Sponsors

  • Environments for Humans have some great conferences coming up in Hawaii: In Control runs back to back with CSS Dev Conf. All three of us in this show will be there!
  • Harvest is time tracking and invoicing software for anyone in client services. Use coupon code SHOPTALK for 50% off your first month.

More Dan

]]> http://shoptalkshow.com/episodes/025-with-dan-cederholm/feed/ 0 1:14:55 This week we were joined by the legendary Dan Cederholm. Dan is the author of (dare we say) the best books ever written on CSS including Handcrafted CSS, CSS3 for Web Designers, and Bulletproof Web Design. He’s done some very high end client w[...] This week we were joined by the legendary Dan Cederholm. Dan is the author of (dare we say) the best books ever written on CSS including Handcrafted CSS, CSS3 for Web Designers, and Bulletproof Web Design. He’s done some very high end client work, founded a few startups, and has done a bunch of speaking. Most notably these days, Dan is the founder and half the team at Dribbble. We talk about (roughly in order): Hot Drama .net magazine publishes a “Optimize your Javascript” by Joe Angus. Rebecca Murphey posts this which basically calls out a lot of the content in the article. Oliver Lindberg, the magazines editor, responded and Rebecca responded back. We’re still talking about IE. But should we be? News ‘n’ Links ‘n’ Followup Lovely quote by Chuck Close (thx Dan Miner) Uncle Dave solved the fluid Google Maps thing. Q & A How can you help (and how do you approach) responsive designs on existing websites? He’s been out of the game since 2004, how does he get back in? How do you charge clients for the fonts that you buy? What is the back end of Dribbble? How did Dan get the idea for Dribbble? Will Dribbble allow for higher resolution shots? What up with Dribbbleboard.com (stuff about API usage) Will Dribbble ever do a conference? Sure, “Just Build Websites”, but where to get feedback on those websites? Sponsors Environments for Humans have some great conferences coming up in Hawaii: In Control runs back to back with CSS Dev Conf. All three of us in this show will be there! Harvest is time tracking and invoicing software for anyone in client services. Use coupon code SHOPTALK for 50% off your first month. More Dan simplebits.com @simplebits Podcast ShopTalk no no 024: With David DeSandro http://shoptalkshow.com/episodes/024-with-david-desandro/ http://shoptalkshow.com/episodes/024-with-david-desandro/#comments Fri, 06 Jul 2012 22:07:22 +0000 Chris Coyier http://shoptalkshow.com/?p=123 Read more »]]> This week we were joined by the talented design and developer David DeSandro. David was formerly nClud and recently joining Twitter in New York. David is known for some amazing projects like Masonry, http://isotope.metafizzy.co/, the 2011 BeerCamp site, and extensive documentation on 3D transforms. We talk about (roughly in order):

News’n'Links

Q & A

  • CSS3 creeping in on JavaScript territory. Is it really? Do we care?
  • Why can’t you inset text shadows?
  • Do you have to be the best of the best to work at a big company?
  • I think I might have a case of divitus.
  • Working on an HTML5 url input polyfill and need a regex.
  • Apps that have in-app browsers, are they just WebKit?
  • What steps do we take to ensure usability and accessibility? Resources?
  • What is the performance of Masonry on older browsers?
  • Who is your Yoda?
  • David is colorblind. (resource links)

Sponsors

  • Harvest – Time tracking and invoicing for anyone in client services. Use coupon code SHOPTALK for 50% off the first month.
  • Environments for Humans – upcoming conferences include the CSS Summit and In Control.

More David

]]> http://shoptalkshow.com/episodes/024-with-david-desandro/feed/ 0 1:06:03 This week we were joined by the talented design and developer David DeSandro. David was formerly nClud and recently joining Twitter in New York. David is known for some amazing projects like Masonry, http://isotope.metafizzy.co/, the 2011 BeerCamp s[...] This week we were joined by the talented design and developer David DeSandro. David was formerly nClud and recently joining Twitter in New York. David is known for some amazing projects like Masonry, http://isotope.metafizzy.co/, the 2011 BeerCamp site, and extensive documentation on 3D transforms. We talk about (roughly in order): News’n'Links Paul Irish on IE’s new updating plan jQuery 2.0 (in 2013) dropping IE 8. And how it’s probably not too big of a deal since you can load 1.9 conditionally. Q & A CSS3 creeping in on JavaScript territory. Is it really? Do we care? Why can’t you inset text shadows? Do you have to be the best of the best to work at a big company? I think I might have a case of divitus. Working on an HTML5 url input polyfill and need a regex. Apps that have in-app browsers, are they just WebKit? What steps do we take to ensure usability and accessibility? Resources? What is the performance of Masonry on older browsers? Who is your Yoda? David is colorblind. (resource links) Sponsors Harvest – Time tracking and invoicing for anyone in client services. Use coupon code SHOPTALK for 50% off the first month. Environments for Humans – upcoming conferences include the CSS Summit and In Control. More David desandro.com @desandro Podcast ShopTalk no no 023: With Rogie King http://shoptalkshow.com/episodes/023-with-rogie-king/ http://shoptalkshow.com/episodes/023-with-rogie-king/#comments Fri, 29 Jun 2012 23:07:07 +0000 Chris Coyier http://shoptalkshow.com/?p=120 Read more »]]> This week we were joined by Rogie King, a talented illustrator and web designer living in (as he calls it) the armpit of the internet: Helena, Montana. Rogie has a super unique cartoonish illustration style but is by no means limited to that. He is also a very detail oriented web designer, Mac app interface designer, entrepreneur, and family man. We talk about (roughly in order):

News n’ Links

Q & A

  • Fireworks (versus?) Illustrator
  • Dribbble: do we need to define what it’s for? Is it for final work or works in progress?
  • WordPress, WooCommerce, and selling online in general
  • Daaaaaang. How you so good Rogie?
  • How to get started with Mac app design. What are the deliverables?
  • Making time for life.
  • Why hasn’t Disney hired Rogie yet? Would he even work there?

Sponsors

More Rogie

]]> http://shoptalkshow.com/episodes/023-with-rogie-king/feed/ 0 0:55:03 This week we were joined by Rogie King, a talented illustrator and web designer living in (as he calls it) the armpit of the internet: Helena, Montana. Rogie has a super unique cartoonish illustration style but is by no means limited to that. He is [...] This week we were joined by Rogie King, a talented illustrator and web designer living in (as he calls it) the armpit of the internet: Helena, Montana. Rogie has a super unique cartoonish illustration style but is by no means limited to that. He is also a very detail oriented web designer, Mac app interface designer, entrepreneur, and family man. We talk about (roughly in order): News n’ Links jQuery 1.8 Beta announcement is pretty awesome. Tab Atkins research for CSS4 Colors is also pretty awesome. Dan Gold has all the good jokes. Q & A Fireworks (versus?) Illustrator Dribbble: do we need to define what it’s for? Is it for final work or works in progress? WordPress, WooCommerce, and selling online in general Daaaaaang. How you so good Rogie? How to get started with Mac app design. What are the deliverables? Making time for life. Why hasn’t Disney hired Rogie yet? Would he even work there? Sponsors Enviornments for Humans are doing some upcoming conferences including the CSS Summit (online) and Incontrol (in Hawaii). Guess what? Both Dave and Chris will be at both events. More Rogie Rog.ie @rogie Fine Goods Market Rogie on Dribbble Podcast ShopTalk no no 022: With Jessica Hische http://shoptalkshow.com/episodes/022-with-jessica-hische/ http://shoptalkshow.com/episodes/022-with-jessica-hische/#comments Tue, 26 Jun 2012 14:51:52 +0000 davatron5000 http://shoptalkshow.com/?p=117 Read more »]]> This we were joined by Jessica Hische, a prolific and talented letterer (listen in to find out what that term means specifically) living in San Francisco. She’s also a darn good web designer and creator of many hilarious and useful side projects. We talk about (roughly in order):

Introduction n’ Hot Links

  • Interlink
  • What lettering is and how it fits into the typography world.
  • Moonrise Kingdom (has Jessica’s lettering work in it)
  • Chris is doing two big new things: CodePen and a Kickstarter.
  • Southstreet – collection of fancy tools by Filament Group to help with cross-device web design
  • CSS variables landing in WebKit
  • PayPal’s thin re-design

Q & A

  • Working with a small team of folks and feeling like you only do the easy stuff.
  • Pricing for clients (Should I work for free?)
  • Tricks for better font rendering on Windows (see this, picking a that is of high quality, webtype)
  • What are the easiest letters to get started illustrating? (and a fancy word you can start with).
  • How do you make colors look good on all monitors?
  • Should you go through with an $80k design and development degree if you already have a job?
  • How do you deal with non-paying clients?

Sponsors

Thanks to Environments for Humans for their ongoing sponsorship! Upcoming conferences include the CSS Summit where both Chris and Dave will be speaking and InControl Hawaii where Chris and Dave will also be, and Jessica is keynoting!

More Jessica

]]> http://shoptalkshow.com/episodes/022-with-jessica-hische/feed/ 0 1:04:21 This we were joined by Jessica Hische, a prolific and talented letterer (listen in to find out what that term means specifically) living in San Francisco. She’s also a darn good web designer and creator of many hilarious and useful side projec[...] This we were joined by Jessica Hische, a prolific and talented letterer (listen in to find out what that term means specifically) living in San Francisco. She’s also a darn good web designer and creator of many hilarious and useful side projects. We talk about (roughly in order): Introduction n’ Hot Links Interlink What lettering is and how it fits into the typography world. Moonrise Kingdom (has Jessica’s lettering work in it) Chris is doing two big new things: CodePen and a Kickstarter. Southstreet – collection of fancy tools by Filament Group to help with cross-device web design CSS variables landing in WebKit PayPal’s thin re-design Q & A Working with a small team of folks and feeling like you only do the easy stuff. Pricing for clients (Should I work for free?) Tricks for better font rendering on Windows (see this, picking a that is of high quality, webtype) What are the easiest letters to get started illustrating? (and a fancy word you can start with). How do you make colors look good on all monitors? Should you go through with an $80k design and development degree if you already have a job? How do you deal with non-paying clients? Sponsors Thanks to Environments for Humans for their ongoing sponsorship! Upcoming conferences include the CSS Summit where both Chris and Dave will be speaking and InControl Hawaii where Chris and Dave will also be, and Jessica is keynoting! More Jessica Personal Site & Portfolio @jessicahische Don’t Fear the Internet Daily Drop Cap Mom, this is how Twitter works Podcast ShopTalk no no 021: With Nicole Sullivan http://shoptalkshow.com/episodes/021-with-nicole-sullivan/ http://shoptalkshow.com/episodes/021-with-nicole-sullivan/#comments Mon, 18 Jun 2012 20:15:56 +0000 Chris Coyier http://shoptalkshow.com/?p=113 Read more »]]> This week we were joined by Nicole Sullivan, a long time web veteran, originator of OOCSS, CSS lint, and tons more. Nicole is definitely a thought leader in the modern web development world who is often ahead of us all. We’ve watched OOCSS start out as this abstract and highly criticized concept turn into a pretty commonplace practice on large sites. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • Isn’t OOCSS just moving CSS bloat into HTML bloat?
  • Is there going to be a book on OOCSS?
  • Recognizing when many elements have the same classes, and making a new class that @extends the old ones.
  • Can you use the body element like you would a page-wrapping div?
  • What tools to we suggest for validation in the modern world, especially as part of a workflow?
  • How does SMACSS compare/contrast to OOCSS?
  • When do you call yourself a professional designer or developer?
  • How about universally setting elements to position: relative;

Sponsored by

More Nicole

]]> http://shoptalkshow.com/episodes/021-with-nicole-sullivan/feed/ 0 1:04:36 This week we were joined by Nicole Sullivan, a long time web veteran, originator of OOCSS, CSS lint, and tons more. Nicole is definitely a thought leader in the modern web development world who is often ahead of us all. We’ve watched OOCSS sta[...] This week we were joined by Nicole Sullivan, a long time web veteran, originator of OOCSS, CSS lint, and tons more. Nicole is definitely a thought leader in the modern web development world who is often ahead of us all. We’ve watched OOCSS start out as this abstract and highly criticized concept turn into a pretty commonplace practice on large sites. We talk about (roughly in order): News’n'Links’n'Drama Matt Wilcox on The Responsive Images Problem IE 7 Tax – Company literally charging 6.8% more for products they sell online if browser is IE 7. Q & A Isn’t OOCSS just moving CSS bloat into HTML bloat? Is there going to be a book on OOCSS? Recognizing when many elements have the same classes, and making a new class that @extends the old ones. Can you use the body element like you would a page-wrapping div? What tools to we suggest for validation in the modern world, especially as part of a workflow? How does SMACSS compare/contrast to OOCSS? When do you call yourself a professional designer or developer? How about universally setting elements to position: relative; Sponsored by Environments for Humans and specifically the CSS Summit (July 31-August 2) in which all three of us in the episode are presenting! More Nicole Website “Don’t Feed The Trolls” OOCSS CSS Lint @stubbornella Podcast ShopTalk no no 020: With Mat Marquis http://shoptalkshow.com/episodes/020-with-mat-marquis/ http://shoptalkshow.com/episodes/020-with-mat-marquis/#comments Tue, 29 May 2012 14:32:21 +0000 Chris Coyier http://shoptalkshow.com/?p=109 Read more »]]> This week we were joined by Mat “Wilto” Marquis. He’s now a full timer at Filament group in Boston who, while doing client work (like The Boston Globe, have you heard of it?), have done some amazing open source work for the modern web (e.g. major contributions to jQuery UI and Mobile). Mat chair’s the Responsive Images Community Group and has been front in center in the work (or shall we say, #hotdrama) toward dealing with responsive images in web design. We talk about (roughly in order):

News’n'Links’n'Drama

Q & A

  • What up with Filament’s Enhance.js (new beterness coming!)
  • Can we as authors just choose not to use features we don’t like?
  • Is the RICG (the so-called “picture pushing club”) lazy? (Hint: no. Here’s a link to a recent compromise).
  • Should designers now be making all sites responsive? And thus prices going up?
  • How does a business like Wade’s Tree Service get decent SEO and avoid shady over-promising services?
  • Can we improve the aesthetics of websites during the loading process?
  • What up with Opera Mini?
  • What is / should we always be using Progressive JPGs?
  • Resources for staying on top of responsive web design: @RWD, @brad_frost

Sponsored By

  • Mijingo – Screencasts for Web Designers & Developers. Use code HOTDRAMA for 10% off videos about Python, Markdown, ExpressionEngine CMS, OmniFocus and Evernote.
  • WPSummit – The online, live WordPress Design and Development Conference. Use coupon code BACON for 10% off!

More Wilto

]]> http://shoptalkshow.com/episodes/020-with-mat-marquis/feed/ 0 1:07:24 This week we were joined by Mat “Wilto” Marquis. He’s now a full timer at Filament group in Boston who, while doing client work (like The Boston Globe, have you heard of it?), have done some amazing open source work for the modern [...] This week we were joined by Mat “Wilto” Marquis. He’s now a full timer at Filament group in Boston who, while doing client work (like The Boston Globe, have you heard of it?), have done some amazing open source work for the modern web (e.g. major contributions to jQuery UI and Mobile). Mat chair’s the Responsive Images Community Group and has been front in center in the work (or shall we say, #hotdrama) toward dealing with responsive images in web design. We talk about (roughly in order): News’n'Links’n'Drama Kicktastic Mike Evans: 23 and 1/2 hours: What is the single best thing we can do for our health? RWD Calc Coda 2 Axis Q & A What up with Filament’s Enhance.js (new beterness coming!) Can we as authors just choose not to use features we don’t like? Is the RICG (the so-called “picture pushing club”) lazy? (Hint: no. Here’s a link to a recent compromise). Should designers now be making all sites responsive? And thus prices going up? How does a business like Wade’s Tree Service get decent SEO and avoid shady over-promising services? Can we improve the aesthetics of websites during the loading process? What up with Opera Mini? What is / should we always be using Progressive JPGs? Resources for staying on top of responsive web design: @RWD, @brad_frost Sponsored By Mijingo – Screencasts for Web Designers & Developers. Use code HOTDRAMA for 10% off videos about Python, Markdown, ExpressionEngine CMS, OmniFocus and Evernote. WPSummit – The online, live WordPress Design and Development Conference. Use coupon code BACON for 10% off! More Wilto @wilto matmarquis.com filamentgroup.com Wizard Staff Podcast ShopTalk no no 019: RAPIDFIRE #5 http://shoptalkshow.com/episodes/019-rapidfire-5/ http://shoptalkshow.com/episodes/019-rapidfire-5/#comments Tue, 22 May 2012 19:05:21 +0000 Chris Coyier http://shoptalkshow.com/?p=105 tag, and picking a solution Finding, removing, and dealing with unused... Read more »]]> More big, bad, question on answer action. We talk about (roughly in order):

  • Ajax pagination, WordPress, and SEO
  • Developers who insist on screwing up semantic markup
  • Resources for getting started with Git (roundup by Brad Frost)
  • Comparing/Confusing Git and FTP
  • Responsive images, the <noscript> tag, and picking a solution
  • Finding, removing, and dealing with unused styles in CSS
  • Using Google Analytics as a tool in project upkeep
  • Is there a way to do overflow-x: hidden in browsers that don’t support it?
  • Email. Does it suck? Why are there no alternatives?
  • CSS image replacement. Why can’t we just chuck an <img> in a <h1> tag and call it a day? Is that just as good for search engines?

Sponsored by

  • Mijingo – Video Training and Screencasts for Web Designers & Developers
]]> http://shoptalkshow.com/episodes/019-rapidfire-5/feed/ 0 0:59:35 More big, bad, question on answer action. We talk about (roughly in order): Ajax pagination, WordPress, and SEO Developers who insist on screwing up semantic markup Resources for getting started with Git (roundup by Brad Frost) Comparing/Confusing [...] More big, bad, question on answer action. We talk about (roughly in order): Ajax pagination, WordPress, and SEO Developers who insist on screwing up semantic markup Resources for getting started with Git (roundup by Brad Frost) Comparing/Confusing Git and FTP Responsive images, the <noscript> tag, and picking a solution Finding, removing, and dealing with unused styles in CSS Using Google Analytics as a tool in project upkeep Is there a way to do overflow-x: hidden in browsers that don’t support it? Email. Does it suck? Why are there no alternatives? CSS image replacement. Why can’t we just chuck an <img> in a <h1> tag and call it a day? Is that just as good for search engines? Sponsored by Mijingo – Video Training and Screencasts for Web Designers & Developers Podcast, Rapidfires ShopTalk no no 018: With Gene Crawford http://shoptalkshow.com/episodes/018-with-gene-crawford/ http://shoptalkshow.com/episodes/018-with-gene-crawford/#comments Tue, 15 May 2012 14:19:34 +0000 Chris Coyier http://shoptalkshow.com/?p=104 Read more »]]> This week we were joined by Gene Crawford, master of the South Carolinian Internet and commander of the triforce that is Unmatched Style. Gene cut his teeth doing client work for many years and now does spectacular web conferences like ConvergeSE. We talk about (roughly in order):

Followup’n'Drama:

Q & A

  • Hey great job. But what if we used Squarespace instead?
  • How many years of experience do you really have?
  • How are we handling images for the “retina” display?
  • Do we start the design process with actual pen and paper? Or something like Balsamiq. Also, Styletil.es
  • Where do you add brand new CSS styles into an existing project? How do you stay organized?
  • What tools do we use for testing usability of websites? Silverback.
    Dave’s dog is a troublemaker.

Sponsored by

  • Mijingo – Video Training and Screencasts for Web Designers & Developers

Winners of the Responsive Web Design with HTML5 and CSS3 book

  • Jeremy Worboys
  • Barry Maxwell
  • Kyle Gordy

More Gene

]]> http://shoptalkshow.com/episodes/018-with-gene-crawford/feed/ 0 0:59:39 This week we were joined by Gene Crawford, master of the South Carolinian Internet and commander of the triforce that is Unmatched Style. Gene cut his teeth doing client work for many years and now does spectacular web conferences like ConvergeSE. W[...] This week we were joined by Gene Crawford, master of the South Carolinian Internet and commander of the triforce that is Unmatched Style. Gene cut his teeth doing client work for many years and now does spectacular web conferences like ConvergeSE. We talk about (roughly in order): Followup’n'Drama: Running is good for your back Louis Lazaris on Health Tips for Web Developers Opera gets Webkitty Vendor bang bang Vendor bang bang Q & A Hey great job. But what if we used Squarespace instead? How many years of experience do you really have? How are we handling images for the “retina” display? Do we start the design process with actual pen and paper? Or something like Balsamiq. Also, Styletil.es Where do you add brand new CSS styles into an existing project? How do you stay organized? What tools do we use for testing usability of websites? Silverback. Dave’s dog is a troublemaker. Sponsored by Mijingo – Video Training and Screencasts for Web Designers & Developers Winners of the Responsive Web Design with HTML5 and CSS3 book Jeremy Worboys Barry Maxwell Kyle Gordy More Gene @genecrawford / @unmatchedstyle crawfishstudios.com period-three.com unmatchedstyle.com convergeSE.com Podcast ShopTalk no no 017: RAPIDFIRE #4 http://shoptalkshow.com/episodes/017-rapidfire-4/ http://shoptalkshow.com/episodes/017-rapidfire-4/#comments Fri, 04 May 2012 09:00:59 +0000 Chris Coyier http://shoptalkshow.com/?p=99 Read more »]]> It’s RAPIDFIRE time! No guests, no hot drama, and sadly this week no sponsors. We just dig into as many questions as we can. We talk about (roughly in order):

  • Should clients have to pay for security updates?
  • When to use a PHP framework like Yii, CodeIgniter or CakePHP
  • How, Why, and When to use modern support tools like Modernizr
  • Why is there no “wrapper” pseudo elements?
  • Couldn’t we achieve what CSS preprocessors can do with PHP?
  • Dealing with health and a sedentary lifestyle
  • Interactive elements in jQuery UI vs native HTML5
  • Finding clever domain names (Try Domainr or Thsrs)
  • Disappear an image on scroll down
  • Using JavaScript to insert/remove content at different width breakpoints
  • Pricing yourself and the awkwardness of asking for money
  • Making a triangle with shadow in just HTML/CSS (Dabblet)
]]> http://shoptalkshow.com/episodes/017-rapidfire-4/feed/ 0 1:05:54 It’s RAPIDFIRE time! No guests, no hot drama, and sadly this week no sponsors. We just dig into as many questions as we can. We talk about (roughly in order): Should clients have to pay for security updates? When to use a PHP framework like Y[...] It’s RAPIDFIRE time! No guests, no hot drama, and sadly this week no sponsors. We just dig into as many questions as we can. We talk about (roughly in order): Should clients have to pay for security updates? When to use a PHP framework like Yii, CodeIgniter or CakePHP How, Why, and When to use modern support tools like Modernizr Why is there no “wrapper” pseudo elements? Couldn’t we achieve what CSS preprocessors can do with PHP? Dealing with health and a sedentary lifestyle Interactive elements in jQuery UI vs native HTML5 Finding clever domain names (Try Domainr or Thsrs) Disappear an image on scroll down Using JavaScript to insert/remove content at different width breakpoints Pricing yourself and the awkwardness of asking for money Making a triangle with shadow in just HTML/CSS (Dabblet) Podcast, Rapidfires ShopTalk no no 016: With Ian Stewart http://shoptalkshow.com/episodes/016-with-ian-stewart/ http://shoptalkshow.com/episodes/016-with-ian-stewart/#comments Fri, 27 Apr 2012 20:11:23 +0000 Chris Coyier http://shoptalkshow.com/?p=103 Read more »]]> This week we were joined by Ian Stewart, a Theme Wrangler for Automattic working on WordPress themes for WordPress.com, the biggest Automattic project. We talk about (roughly in order):

News’n'Links’n'Drama

  • Chrome 20 supporting date and color input types as well as scoped CSS behind a flag
  • Running stable and canary Chrome side by side
  • Semicolons

Q & A

  • About WordPress MultiSite
  • Dealing with clients who are confused about the “admin” of WordPress and when/if to bring the power of creating posts to the front end
  • The difference between WordPress and Drupal
  • Syncing databases (ramp)
  • Boilerplate theme with child themes, and overriding functions/parts of the parent
  • Are Gantt charts useful?
  • Can you break out into the industry without going to college?
  • How to spellcheck your site both within WordPress and the code itself. (After the Deadline, turn on spellcheck feature in your code editor)

Sponsors

  • LessMoney – A conference in Tampa, FL about running a better business and making more money.

More Ian

]]> http://shoptalkshow.com/episodes/016-with-ian-stewart/feed/ 0 0:55:51 This week we were joined by Ian Stewart, a Theme Wrangler for Automattic working on WordPress themes for WordPress.com, the biggest Automattic project. We talk about (roughly in order): News’n'Links’n'Drama Chrome 20 supporting date and[...] This week we were joined by Ian Stewart, a Theme Wrangler for Automattic working on WordPress themes for WordPress.com, the biggest Automattic project. We talk about (roughly in order): News’n'Links’n'Drama Chrome 20 supporting date and color input types as well as scoped CSS behind a flag Running stable and canary Chrome side by side Semicolons Q & A About WordPress MultiSite Dealing with clients who are confused about the “admin” of WordPress and when/if to bring the power of creating posts to the front end The difference between WordPress and Drupal Syncing databases (ramp) Boilerplate theme with child themes, and overriding functions/parts of the parent Are Gantt charts useful? Can you break out into the industry without going to college? How to spellcheck your site both within WordPress and the code itself. (After the Deadline, turn on spellcheck feature in your code editor) Sponsors LessMoney – A conference in Tampa, FL about running a better business and making more money. More Ian ThemeShaper iandanielstewart.com @iandstewart Podcast ShopTalk no no 015: with Jenn Lukas and Allison Wagner http://shoptalkshow.com/episodes/015-with-jenn-lukas-and-allison-wagner/ http://shoptalkshow.com/episodes/015-with-jenn-lukas-and-allison-wagner/#comments Mon, 23 Apr 2012 14:04:34 +0000 Chris Coyier http://shoptalkshow.com/?p=101 Read more »]]> This week we were joined by Jenn Lukas and Allison Wagner who are front end web developers at Happy Cog (Philadelphia).

Links’n'Drama

Q & A

  • Single line vs. Multi line CSS (findability, information density, CSS3 issues, comments, etc)
  • Level of JavaScript knowledge
  • What to learn next / Is higher education necessary for a career in web development?
  • Dirty code / Clean code awareness
  • Meeting other front end devs (Montreal and elsewhere)
  • Do we use reference charts for HTML and CSS while coding, or is it all memorized? (We ended up talking about some generator tools like these two gradient generators)

Sponsors

  • Harvest – Time/Expense tracking and invoicing app. Use coupon SHOPTALK for 50% off the first month.
  • LessMoney – A small intimate conference about making more money in Tampa, FL.

More about Jenn and Allison

]]> http://shoptalkshow.com/episodes/015-with-jenn-lukas-and-allison-wagner/feed/ 0 1:00:08 This week we were joined by Jenn Lukas and Allison Wagner who are front end web developers at Happy Cog (Philadelphia). Links’n'Drama Tim Kadlec’s research on resource downloading JS2Coffee.org Drinking at Conferences (Ryan Funduck[...] This week we were joined by Jenn Lukas and Allison Wagner who are front end web developers at Happy Cog (Philadelphia). Links’n'Drama Tim Kadlec’s research on resource downloading JS2Coffee.org Drinking at Conferences (Ryan Funduck’s blog post) Q & A Single line vs. Multi line CSS (findability, information density, CSS3 issues, comments, etc) Level of JavaScript knowledge What to learn next / Is higher education necessary for a career in web development? Dirty code / Clean code awareness Meeting other front end devs (Montreal and elsewhere) Do we use reference charts for HTML and CSS while coding, or is it all memorized? (We ended up talking about some generator tools like these two gradient generators) Sponsors Harvest – Time/Expense tracking and invoicing app. Use coupon SHOPTALK for 50% off the first month. LessMoney – A small intimate conference about making more money in Tampa, FL. More about Jenn and Allison @jennlukas – jennlukas.com – Happy Cog – .net Magazine monthly columnist @alliwagner – Happy Cog Podcast ShopTalk no no 014: RAPIDFIRE #3 http://shoptalkshow.com/episodes/014-rapidfire-3/ http://shoptalkshow.com/episodes/014-rapidfire-3/#comments Thu, 12 Apr 2012 19:45:00 +0000 Chris Coyier http://shoptalkshow.com/?p=96 Read more »]]> No guests this week, as we plow through as much question on answer action as possible. Don’t worry, you’re regular installment of hot drama will be back soon. We talk about (roughly in order):

  • The way we interact with websites on desktops/laptops vs touch screen devices is extremely different. How do we deal with that?
  • Indentation in HTML (styles, and how that relates to View Source and CMS’s).
  • How to improve your CSS skills.
  • How and why to use the HTML5 Boilerplate. (Paul’s intro to it).
  • How do you attract clients as a designer?
  • Settings margins/padding/height/width in PX or EM? Why? Can you use both?
  • Use separate stylesheets linked up from the head with media query attributes, or combine into a single file (“external” vs “internal”)?
  • What’s up with “responsive images”?
  • Navigation that appears on all pages of a site without repeating yourself.
  • If you’re writing backend code like PHP, should we be using an IDE like NetBeans?
  • How much money should designers/developers be making?
  • Categorizing online inspiration
  • Will the .scss syntax ever be standardized as regular CSS?
]]> http://shoptalkshow.com/episodes/014-rapidfire-3/feed/ 0 1:19:20 No guests this week, as we plow through as much question on answer action as possible. Don’t worry, you’re regular installment of hot drama will be back soon. We talk about (roughly in order): The way we interact with websites on deskto[...] No guests this week, as we plow through as much question on answer action as possible. Don’t worry, you’re regular installment of hot drama will be back soon. We talk about (roughly in order): The way we interact with websites on desktops/laptops vs touch screen devices is extremely different. How do we deal with that? Indentation in HTML (styles, and how that relates to View Source and CMS’s). How to improve your CSS skills. How and why to use the HTML5 Boilerplate. (Paul’s intro to it). How do you attract clients as a designer? Settings margins/padding/height/width in PX or EM? Why? Can you use both? Use separate stylesheets linked up from the head with media query attributes, or combine into a single file (“external” vs “internal”)? What’s up with “responsive images”? Navigation that appears on all pages of a site without repeating yourself. If you’re writing backend code like PHP, should we be using an IDE like NetBeans? How much money should designers/developers be making? Categorizing online inspiration Will the .scss syntax ever be standardized as regular CSS? Podcast, Rapidfires ShopTalk no no 013: RAPIDFIRE #2 http://shoptalkshow.com/episodes/013-rapidfire-2/ http://shoptalkshow.com/episodes/013-rapidfire-2/#comments Sat, 07 Apr 2012 16:13:51 +0000 Chris Coyier http://shoptalkshow.com/?p=95 Read more »]]> In this second edition of RAPIDFIRE we again chug through as many questions as we can. No guests, no links, no hot drama. We want to answer as many listener questions as we can, so this is how we plan to catch up once in a while. We talk about (roughly in order):

  • What’s wrong with UA sniffing to serve a mobile stylesheet?
  • What are the 5 CSS tricks we can’t live without?
  • What’s up with HTML5 video streaming?
  • How can you modernize your front end development skills?
  • What are the books/blogs/designers that we follow?
  • Are margin and padding interchangeable?
  • HTML preprocessors with parsing smarts.
  • Will we talk about IE7 for less time than we talked about IE6?
  • Why use the Google CDN version of jQuery rather than the latest version from jQuery.com?
  • WordPress or Tumblr?
  • Where can you get more engaging code reviews?
  • What to focus on as a front-end dev?
]]> http://shoptalkshow.com/episodes/013-rapidfire-2/feed/ 0 1:08:32 In this second edition of RAPIDFIRE we again chug through as many questions as we can. No guests, no links, no hot drama. We want to answer as many listener questions as we can, so this is how we plan to catch up once in a while. We talk about (roug[...] In this second edition of RAPIDFIRE we again chug through as many questions as we can. No guests, no links, no hot drama. We want to answer as many listener questions as we can, so this is how we plan to catch up once in a while. We talk about (roughly in order): What’s wrong with UA sniffing to serve a mobile stylesheet? What are the 5 CSS tricks we can’t live without? What’s up with HTML5 video streaming? How can you modernize your front end development skills? What are the books/blogs/designers that we follow? Are margin and padding interchangeable? HTML preprocessors with parsing smarts. Will we talk about IE7 for less time than we talked about IE6? Why use the Google CDN version of jQuery rather than the latest version from jQuery.com? WordPress or Tumblr? Where can you get more engaging code reviews? What to focus on as a front-end dev? Podcast, Rapidfires ShopTalk no no 012: With Trent Walton and Reagan Ray http://shoptalkshow.com/episodes/012-with-trent-walton-and-reagan-ray/ http://shoptalkshow.com/episodes/012-with-trent-walton-and-reagan-ray/#comments Fri, 30 Mar 2012 16:55:22 +0000 Chris Coyier http://shoptalkshow.com/?p=92 Read more »]]> This week we were joined by Trent Walton and Reagan Ray, who together with our very own Dave complete the Paravel triforce down in Austin, Texas. We talked about (roughly in order):

News’n'Links

Q&A

  • Has Paravel ever done any products, in addition to client work? Goodfoot is one example, but closing of Gowalla doesn’t bode well for it. Also side projects like The Many Faces Of…
  • What CMS does Trent use and how does he do custom art direction (art direction plugin, Dave’s better fork of that)
  • Dealing with client requests that are beyond the skills of the team
  • Using HTML5 and CSS3 in real client work
  • The domain stealing saga, and the tragedy that is SohTanaka.com
  • Is it best to specialize? What about as a team member vs trying to get hired?
  • Growing in revenue and project quality without growing team size
  • How to bundle HTML email in with client services
  • Topics for a graduate thesis related to the web industry

Sponsors

  • LessMoney – A Conference in Tampa, FL on July 7th all about building a better business. As in, one that makes more money and is less stressful to run.

… which runs back to back with …

  • Front-End Design Conference – a two-day one-track conference about all things front-end web in St. Petersburg, FL (sister cities with Tampa) on July 8th and 9th.

More Paravel

@raygunray / reaganray.com
@trentwalton / trentwalton.com

]]> http://shoptalkshow.com/episodes/012-with-trent-walton-and-reagan-ray/feed/ 0 1:03:31 This week we were joined by Trent Walton and Reagan Ray, who together with our very own Dave complete the Paravel triforce down in Austin, Texas. We talked about (roughly in order): News’n'Links Best practices in forms. We should definitely t[...] This week we were joined by Trent Walton and Reagan Ray, who together with our very own Dave complete the Paravel triforce down in Austin, Texas. We talked about (roughly in order): News’n'Links Best practices in forms. We should definitely talk about this in more detail in an upcoming episode, but this week we took the opportunity to say just use Wufoo. Rémy Bach’s medium-sized jQuery SuperLabels TypeButter and inventing new elements. Adobe WebKit Hackathon includes a start to ::nth-letter which is a start to answering ::nth-everything and possibly, many many years from now, removing the need for Lettering.js. Q&A Has Paravel ever done any products, in addition to client work? Goodfoot is one example, but closing of Gowalla doesn’t bode well for it. Also side projects like The Many Faces Of… What CMS does Trent use and how does he do custom art direction (art direction plugin, Dave’s better fork of that) Dealing with client requests that are beyond the skills of the team Using HTML5 and CSS3 in real client work The domain stealing saga, and the tragedy that is SohTanaka.com Is it best to specialize? What about as a team member vs trying to get hired? Growing in revenue and project quality without growing team size How to bundle HTML email in with client services Topics for a graduate thesis related to the web industry Sponsors LessMoney – A Conference in Tampa, FL on July 7th all about building a better business. As in, one that makes more money and is less stressful to run. … which runs back to back with … Front-End Design Conference – a two-day one-track conference about all things front-end web in St. Petersburg, FL (sister cities with Tampa) on July 8th and 9th. More Paravel @raygunray / reaganray.com @trentwalton / trentwalton.com Podcast ShopTalk no no 011: With Jina Bolton http://shoptalkshow.com/episodes/011-with-jina-bolton/ http://shoptalkshow.com/episodes/011-with-jina-bolton/#comments Mon, 26 Mar 2012 14:12:33 +0000 Chris Coyier http://shoptalkshow.com/?p=91 More followup on tracking print usage on websites: Stephanie Hobson’s thoughts and research.... Read more »]]> This week we were joined by Jina Bolton, a talented designer and developer. She’s currently working for Do.com (@DoWorkTogether) and helping out with the SASS website redesign (@TeamSassDesign). We talk about (roughly in order):

News’n'Links’n'Drama:

Q&A:

  • Google+’s HTML
  • Handing off between front end and back end developers
  • <i> vs. <span> for icons
  • What programs do we design with
  • Getting called out on terminal usage
  • Will using preprocessors too much make us forget the orignal language?
  • Differences and usage of @mixin vs. @extend
  • Learning of the newfangled

Sponsors:

  • LessMoney – A conference in sunny Tampa, FL on July 7th about building a better business
  • Hover – Save 10% off your order from the best place to buy domain names

More Jina:

]]> http://shoptalkshow.com/episodes/011-with-jina-bolton/feed/ 0 1:06:54 This week we were joined by Jina Bolton, a talented designer and developer. She’s currently working for Do.com (@DoWorkTogether) and helping out with the SASS website redesign (@TeamSassDesign). We talk about (roughly in order): News’n'L[...] This week we were joined by Jina Bolton, a talented designer and developer. She’s currently working for Do.com (@DoWorkTogether) and helping out with the SASS website redesign (@TeamSassDesign). We talk about (roughly in order): News’n'Links’n'Drama: Magento Boilerplate Picturefill, a polyfill for <picture> More followup on tracking print usage on websites: Stephanie Hobson’s thoughts and research. CSS for Grown Ups: Slides and Audio Hot Drama on potential removing of swearing from Mark Pilgrim’s Dive Into HTML5. Mozilla begrudgingly adopts H264 Q&A: Google+’s HTML Handing off between front end and back end developers <i> vs. <span> for icons What programs do we design with Getting called out on terminal usage Will using preprocessors too much make us forget the orignal language? Differences and usage of @mixin vs. @extend Learning of the newfangled Sponsors: LessMoney – A conference in sunny Tampa, FL on July 7th about building a better business Hover – Save 10% off your order from the best place to buy domain names More Jina: @jina sushiandrobots.com Art in my Coffee Podcast ShopTalk no no 010: With Doug Neiner http://shoptalkshow.com/episodes/010-with-doug-neiner/ http://shoptalkshow.com/episodes/010-with-doug-neiner/#comments Thu, 15 Mar 2012 21:04:59 +0000 Chris Coyier http://shoptalkshow.com/?p=88 Read more »]]> This week we were joined by Doug Neiner, a senior designer and engineer at AppendTo. Doug is an equally talented at both those jobs and, as he put it, would have an awfully hard time choosing between them if he had to cut one. Doug found the perfect spot in his basement to record this show with us, directly underneath his router upstairs. He told us later he was sitting on a pile of broken glass. Sorry Doug! We talk about (roughly in order):

Hot Links

Q&A

  • Does there need to be any more jQuery plugins?
  • Learnings from the CSSOff
  • How do big websites like Hotels.com or Expedia.com get data?
  • What is the scope of handlebars.js in Front-End Development?
  • What’s up with floats? Why is there no simple float clearing property?
  • “Push” vs “Poll”
  • Working with build scripts
  • Steps after a recently becoming unemployed
  • Is there a tool to un-jQuery-fy something?
  • What’s up with Doug’s “Contextual jQuery” talks?

Sponsors

  • Hover – The best place to buy domains. Use that link and get 10% your entire order.
  • LessMoney – A conference in Tampa, FL on July 7th all about building a better and more successful business.

More Doug

]]> http://shoptalkshow.com/episodes/010-with-doug-neiner/feed/ 0 0:55:50 This week we were joined by Doug Neiner, a senior designer and engineer at AppendTo. Doug is an equally talented at both those jobs and, as he put it, would have an awfully hard time choosing between them if he had to cut one. Doug found the perfect[...] This week we were joined by Doug Neiner, a senior designer and engineer at AppendTo. Doug is an equally talented at both those jobs and, as he put it, would have an awfully hard time choosing between them if he had to cut one. Doug found the perfect spot in his basement to record this show with us, directly underneath his router upstairs. He told us later he was sitting on a pile of broken glass. Sorry Doug! We talk about (roughly in order): Hot Links BeerCamp Multi-Device Layout Patterns (mined from mediaqueri.es) Q&A Does there need to be any more jQuery plugins? Learnings from the CSSOff How do big websites like Hotels.com or Expedia.com get data? What is the scope of handlebars.js in Front-End Development? What’s up with floats? Why is there no simple float clearing property? “Push” vs “Poll” Working with build scripts Steps after a recently becoming unemployed Is there a tool to un-jQuery-fy something? What’s up with Doug’s “Contextual jQuery” talks? Sponsors Hover – The best place to buy domains. Use that link and get 10% your entire order. LessMoney – A conference in Tampa, FL on July 7th all about building a better and more successful business. More Doug @dougneiner dougneiner.com / code.dougneiner.com Podcast ShopTalk no no 009: With Ethan Marcotte http://shoptalkshow.com/episodes/009-with-ethan-marcotte/ http://shoptalkshow.com/episodes/009-with-ethan-marcotte/#comments Sat, 10 Mar 2012 18:23:28 +0000 Chris Coyier http://shoptalkshow.com/?p=87 Read more »]]> This week we were joined by Ethan Marcotte, our chauffeur into the brave new world of responsive web design. We’ve been getting a good amount of questions about RWD, so we’ve saved the best ones up for a special espisode from the man himself. We talk about (roughly in order):

Hot Links:

Q&A:

  • What is responsive design?
  • When shouldn’t you use responsive design?
  • Using image sprites with responsive design?
  • Scaling images in responsive design
  • Responsive display advertising
  • Making the jQuery plugin DataTables responsive
  • Grid systems to help the transition into responsive design
  • Is hiding inline images good enough to prevent them from loading?
  • Embedded tweets in responsive design
  • Masonry style layouts

Lovely sponsors:

  • Hover – Buy domains without all the annoying cross-selling. Use that link and get 10% off your order.
  • LessMoney

Note: Dear Audiophiles, sorry about the choppy recording. Will work on it.

]]> http://shoptalkshow.com/episodes/009-with-ethan-marcotte/feed/ 0 1:06:09 This week we were joined by Ethan Marcotte, our chauffeur into the brave new world of responsive web design. We’ve been getting a good amount of questions about RWD, so we’ve saved the best ones up for a special espisode from the man him[...] This week we were joined by Ethan Marcotte, our chauffeur into the brave new world of responsive web design. We’ve been getting a good amount of questions about RWD, so we’ve saved the best ones up for a special espisode from the man himself. We talk about (roughly in order): Hot Links: StyleDocco Adobe Shadow SenchaTouch 2 The Non-Breaking Space Show Crossover The Industry Podcast Q&A: What is responsive design? When shouldn’t you use responsive design? Using image sprites with responsive design? Scaling images in responsive design Responsive display advertising Making the jQuery plugin DataTables responsive Grid systems to help the transition into responsive design Is hiding inline images good enough to prevent them from loading? Embedded tweets in responsive design Masonry style layouts Lovely sponsors: Hover – Buy domains without all the annoying cross-selling. Use that link and get 10% off your order. LessMoney Note: Dear Audiophiles, sorry about the choppy recording. Will work on it. Podcast ShopTalk no no 008: With Schmitt, Enns, and McFarland http://shoptalkshow.com/episodes/008-with-schmitt-enns-and-mcfarland/ http://shoptalkshow.com/episodes/008-with-schmitt-enns-and-mcfarland/#comments Fri, 02 Mar 2012 17:45:43 +0000 Chris Coyier http://shoptalkshow.com/?p=84 Read more »]]> This week we were joined by Christopher Schmitt, Chris Enns (TRIPLE CHRIS SHOW!), and Dave McFarland. These are the fellas behind the new podcast The Non-Breaking Space Show. Watch their site, as we joined them immediately afterward to record an episode of their show (CROSSOVER SHOW!). We talk about (roughly in order)…

Followup:

  • We’ll be at SXSW. Follow @ShopTalkShow, we might have an impromptu meetup or something.
  • Nathaniel Higgins had a neat idea for tracking how often your page gets printed.

Q&A:

  • Roundtable on our preferred text editors, paid and free.
  • Can you get and display information from an RSS feed completely with JavaScript?
  • How to create a two column layout with a fixed left sidebar and a fluid right side main content area.
  • A bookmarklet on removing deprecated attributes, and how to promote yourself without being annoying.
  • How to write semantic HTML for a poem.
  • Will there be another dotcom bubble?
  • What TV shows are we?
  • What CMS would we choose if we could only choose one?
  • What homepage do we set our browsers to?

A full set of excellent sponsors this week!

  • Hover – Use that link and get 10% any order. Hover is the best place to buy domain names.
  • LessMoney – A conference in Tampa, FL on June 7th all about making more money.

More about the Non-Breaking Space fellas:

]]> http://shoptalkshow.com/episodes/008-with-schmitt-enns-and-mcfarland/feed/ 0 0:55:50 This week we were joined by Christopher Schmitt, Chris Enns (TRIPLE CHRIS SHOW!), and Dave McFarland. These are the fellas behind the new podcast The Non-Breaking Space Show. Watch their site, as we joined them immediately afterward to record an epi[...] This week we were joined by Christopher Schmitt, Chris Enns (TRIPLE CHRIS SHOW!), and Dave McFarland. These are the fellas behind the new podcast The Non-Breaking Space Show. Watch their site, as we joined them immediately afterward to record an episode of their show (CROSSOVER SHOW!). We talk about (roughly in order)… Followup: We’ll be at SXSW. Follow @ShopTalkShow, we might have an impromptu meetup or something. Nathaniel Higgins had a neat idea for tracking how often your page gets printed. Q&A: Roundtable on our preferred text editors, paid and free. Can you get and display information from an RSS feed completely with JavaScript? How to create a two column layout with a fixed left sidebar and a fluid right side main content area. A bookmarklet on removing deprecated attributes, and how to promote yourself without being annoying. How to write semantic HTML for a poem. Will there be another dotcom bubble? What TV shows are we? What CMS would we choose if we could only choose one? What homepage do we set our browsers to? A full set of excellent sponsors this week! Hover – Use that link and get 10% any order. Hover is the best place to buy domain names. LessMoney – A conference in Tampa, FL on June 7th all about making more money. More about the Non-Breaking Space fellas: @teleject / christopherschmitt.com / Environments for Humans @iChris / chrisenns.com / SSKTN @davemcfarland / sawmac.com Crossovers, Podcast ShopTalk no no 007: RAPIDFIRE #1 http://shoptalkshow.com/episodes/007-rapidfire-1/ http://shoptalkshow.com/episodes/007-rapidfire-1/#comments Thu, 23 Feb 2012 20:10:48 +0000 Chris Coyier http://shoptalkshow.com/?p=81 Read more »]]> No guests this week. We just chug through as many questions as possible. We plan to do one of these every so often to make sure we get to as many listener questions as possible.

Q&A (roughly in order):

  • What to focus on to move career forward
  • “Google” Dart
  • Clever uses of ::before and ::after
  • A brief intro and explanation of the difference between Node.js and CoffeeScript
  • Using PHP to serve CSS
  • Planning a framework
  • How Modernizr helps make cross browser compatible sites
  • Cleaning up the WordPress mess of plugins injecting CSS and JS
  • Why CSS opacity affects all decedent elements and what you can do about it
  • Finding the time
  • Pros and Cons of Blueprint CSS Framework
  • CSS rotation and poor text rendering
  • When will we be able to animate/transition pseudo elements? [chart]
  • Pixel tracking for emails and alternatives
]]> http://shoptalkshow.com/episodes/007-rapidfire-1/feed/ 0 0:42:16 No guests this week. We just chug through as many questions as possible. We plan to do one of these every so often to make sure we get to as many listener questions as possible. Q&A (roughly in order): What to focus on to move career forward [...] No guests this week. We just chug through as many questions as possible. We plan to do one of these every so often to make sure we get to as many listener questions as possible. Q&A (roughly in order): What to focus on to move career forward “Google” Dart Clever uses of ::before and ::after A brief intro and explanation of the difference between Node.js and CoffeeScript Using PHP to serve CSS Planning a framework How Modernizr helps make cross browser compatible sites Cleaning up the WordPress mess of plugins injecting CSS and JS Why CSS opacity affects all decedent elements and what you can do about it Finding the time Pros and Cons of Blueprint CSS Framework CSS rotation and poor text rendering When will we be able to animate/transition pseudo elements? [chart] Pixel tracking for emails and alternatives Podcast, Rapidfires ShopTalk no no 006: With Zoe Gillenwater http://shoptalkshow.com/episodes/006-with-zoe-gillenwater/ http://shoptalkshow.com/episodes/006-with-zoe-gillenwater/#comments Fri, 17 Feb 2012 22:30:01 +0000 Chris Coyier http://shoptalkshow.com/?p=80 Read more »]]> This week we were joined by Zoe Gillenwater who we like to think of as one of the mothers of responsive design, in that she was talking and writing books about responsible fluid layouts for quite a long time. Add some media queries and you have what is essentially modern day responsive design. We talk about (roughly in order)…

Shoutouts:

Q&A:

More Zoe:

Giveaways:

  • Congrats on Keith Wyland, the first winner for the HTML and CSS Book Giveaway. We have two more books and we’ll give away one per week. Record an audio question to enter.
  • We have five copies of ProCSSor to give away. We’ll give away two this week. Any tweet that mentions @shoptalkshow and #procssor will be entered to win.
]]> http://shoptalkshow.com/episodes/006-with-zoe-gillenwater/feed/ 0 0:58:46 This week we were joined by Zoe Gillenwater who we like to think of as one of the mothers of responsive design, in that she was talking and writing books about responsible fluid layouts for quite a long time. Add some media queries and you have what[...] This week we were joined by Zoe Gillenwater who we like to think of as one of the mothers of responsive design, in that she was talking and writing books about responsible fluid layouts for quite a long time. Add some media queries and you have what is essentially modern day responsive design. We talk about (roughly in order)… Shoutouts: Conferences: BarCamp Tour, InControl, LessConf, SXSW Wufoo Demo, Wufoo Spanish Q&A: Are print stylesheets still important? How we approach them, some tips, and speculation on how their usage might be tracked. CSS formatting (mentioned: Jeff Starr’s Obsessive CSS Formatting) The new spec for CSS variables and how they stack up to LESS/SASS Icon fonts like Pictos, performance concerns, and accessibility concerns. Background images and fluid width layout. Example of background-size, jQuery BackStretch Strategies for approaching CSS transitions/animations Are we still using conditional stylesheets? Boilerplate html classes Why is there no shorthand for the different text properties? More Zoe: @zomigi zomigi.com Giveaways: Congrats on Keith Wyland, the first winner for the HTML and CSS Book Giveaway. We have two more books and we’ll give away one per week. Record an audio question to enter. We have five copies of ProCSSor to give away. We’ll give away two this week. Any tweet that mentions @shoptalkshow and #procssor will be entered to win. Podcast ShopTalk no no 005: With Jeffrey Way http://shoptalkshow.com/episodes/005-with-jeffrey-way/ http://shoptalkshow.com/episodes/005-with-jeffrey-way/#comments Fri, 10 Feb 2012 22:08:54 +0000 Chris Coyier http://shoptalkshow.com/?p=77 Read more »]]> This week we were joined by Jeffrey Way who is a long-time Envato employee, probably most well known to our listeners by being the editor of Nettuts+. Jeffrey hails from the mountain town of Chattanooga, TN, home of the world’s fastest internet. We talk about (roughly in order)…

Follow up and hot drama:

  1. Quick followup on Performer JS
  2. Bootstrap, the most popular project on GitHub, goes 2.0
  3. HTML5 Boilerplate goes 3.0 and removes Respond.js and the build script. And how how we mostly use it by just snagging individual lines from the GitHub repo.
  4. Pea.rs, a collection of neat a clean mini design patterns with HTML and CSS
  5. All the drama around -webkit-. Non-webkit browser vendors are thinking about supporting that prefix to more sites work, because of lazy developers not including other prefixes. Most folks are crying out that that’s a bad idea, but with different proposed solutions. Working group even considering standardizing around -webkit-. Read: [1], [2], [3], [4], [5].

Question and answer:

  1. Will Envato make a marketplace for iOS designs? Already kinda have on Code Canyon.
  2. Battle of the code editors.
  3. Should we be able to add class names via CSS?
  4. How does Jeffrey do it all? Quotes: [1], [2]
  5. How we test on IE: Browserstack, Virtualbox + Multiple Windows VMs, Actual $200 laptop

More Jeffrey:

Want to win a copy of the HTML & CSS Book? Just send in an audio question and you’ll be qualified to win. We’ll pick one winner a week for three weeks.

No sponsor this week =(. Wanna reach our audience? We’re thinking they are mostly spendy try-anything trend-setting types. Hit us up.

]]> http://shoptalkshow.com/episodes/005-with-jeffrey-way/feed/ 0 0:55:28 This week we were joined by Jeffrey Way who is a long-time Envato employee, probably most well known to our listeners by being the editor of Nettuts+. Jeffrey hails from the mountain town of Chattanooga, TN, home of the world’s fastest interne[...] This week we were joined by Jeffrey Way who is a long-time Envato employee, probably most well known to our listeners by being the editor of Nettuts+. Jeffrey hails from the mountain town of Chattanooga, TN, home of the world’s fastest internet. We talk about (roughly in order)… Follow up and hot drama: Quick followup on Performer JS Bootstrap, the most popular project on GitHub, goes 2.0 HTML5 Boilerplate goes 3.0 and removes Respond.js and the build script. And how how we mostly use it by just snagging individual lines from the GitHub repo. Pea.rs, a collection of neat a clean mini design patterns with HTML and CSS All the drama around -webkit-. Non-webkit browser vendors are thinking about supporting that prefix to more sites work, because of lazy developers not including other prefixes. Most folks are crying out that that’s a bad idea, but with different proposed solutions. Working group even considering standardizing around -webkit-. Read: [1], [2], [3], [4], [5]. Question and answer: Will Envato make a marketplace for iOS designs? Already kinda have on Code Canyon. Battle of the code editors. Should we be able to add class names via CSS? How does Jeffrey do it all? Quotes: [1], [2] How we test on IE: Browserstack, Virtualbox + Multiple Windows VMs, Actual $200 laptop More Jeffrey: @jeffrey_way / jeffrey-way.com @envatowebdev / nettuts.com Want to win a copy of the HTML & CSS Book? Just send in an audio question and you’ll be qualified to win. We’ll pick one winner a week for three weeks. No sponsor this week =(. Wanna reach our audience? We’re thinking they are mostly spendy try-anything trend-setting types. Hit us up. Podcast ShopTalk no no 004: With Longnecker and Croft http://shoptalkshow.com/episodes/004-with-longnecker-and-croft/ http://shoptalkshow.com/episodes/004-with-longnecker-and-croft/#comments Thu, 02 Feb 2012 22:24:59 +0000 Chris Coyier http://shoptalkshow.com/?p=76 ExpressionEngine development. ]]> This week we were joined by Jonathan Longnecker and Nate Croft, who together form FortySeven Media, a design studio focusing on web design, branding, and ExpressionEngine development.

Audiophiles, pardon the echo we’ll work on that for the next show. We talked about (roughly in order):

  • Chris Taylor’s Performer JavaScript library (let’s revisit that next week).
  • Andreas Hedderich’s noise technique.
  • Whether or not website building apps (e.g. Squarespace, Virb) are putting web designers out of business.
  • How personality can affect the clients you bring in.
  • Designing in the browser vs. designing in Photoshop / Illustrator / Fireworks.
  • Apologizing for not sharing Windows alternatives (but how it doesn’t matter too much, since web == everywhere).
  • If there is every a good time to design for older browsers and leave it at that (not enhance for newer browsers at all).
  • Are there features of JavaScript we should watch for in older browsers, similar to how we have to watch out for non-support of HTML5 and CSS3 features.
  • Why Git/GitHub so popular and the workflow around it.

More on Jonathan Longnecker and Nate Croft:

Brought to you by LessAccounting.

]]> http://shoptalkshow.com/episodes/004-with-longnecker-and-croft/feed/ 0 0:56:24 This week we were joined by Jonathan Longnecker and Nate Croft, who together form FortySeven Media, a design studio focusing on web design, branding, and ExpressionEngine development. This week we were joined by Jonathan Longnecker and Nate Croft, who together form FortySeven Media, a design studio focusing on web design, branding, and ExpressionEngine development. Crossovers, Podcast ShopTalk no no 003: With Chris Eppstein http://shoptalkshow.com/episodes/003/ http://shoptalkshow.com/episodes/003/#comments Thu, 26 Jan 2012 22:04:07 +0000 Chris Coyier http://shoptalkshow.com/?p=72 Read more »]]> This week we were joined by Chris Eppstein who is known for his work in the world of CSS preprocessing. But Chris has a deep history in the web, being a full stack developer for many years and for many different startups. This week, in loose order, we talk about:

  • A sweet new candidate for intro music by Chris Taylor.
  • Who various celebrities favorite HTML elements are.
  • How a preprocessor can help with better names for fonts, and ways to keep even that from being repetitive.
  • The difference between to similar looking CSS selectors.
  • How we might start thinking about JavaScript optimization.
  • Some “startup” tips.
  • How Coyier the Destroyer would win in a wrestling match against Chris Eppstein (after all the crying).
  • Sprites: why they are good and things to watch for (Compass helper).
  • Testing on mobile devices on a budget (Brad Frost’s article).

More on Chris:

Like Compass? It’s charity ware so if you like it Chris asks you donate to the United Mitochondrial Disease Foundation (UMDF).

This show brought to you by LessAccounting and United Pixelworkers (save 10% off a shirt with code “shoptalk”).

]]> http://shoptalkshow.com/episodes/003/feed/ 0 0:47:28 This week we were joined by Chris Eppstein who is known for his work in the world of CSS preprocessing. But Chris has a deep history in the web, being a full stack developer for many years and for many different startups. This week, in loose order, [...] This week we were joined by Chris Eppstein who is known for his work in the world of CSS preprocessing. But Chris has a deep history in the web, being a full stack developer for many years and for many different startups. This week, in loose order, we talk about: A sweet new candidate for intro music by Chris Taylor. Who various celebrities favorite HTML elements are. How a preprocessor can help with better names for fonts, and ways to keep even that from being repetitive. The difference between to similar looking CSS selectors. How we might start thinking about JavaScript optimization. Some “startup” tips. How Coyier the Destroyer would win in a wrestling match against Chris Eppstein (after all the crying). Sprites: why they are good and things to watch for (Compass helper). Testing on mobile devices on a budget (Brad Frost’s article). More on Chris: Chris Eppstein @chriseppstein Compass SASS Caring.com Like Compass? It’s charity ware so if you like it Chris asks you donate to the United Mitochondrial Disease Foundation (UMDF). This show brought to you by LessAccounting and United Pixelworkers (save 10% off a shirt with code “shoptalk”). Podcast ShopTalk no no 002: With Paul Irish http://shoptalkshow.com/episodes/002/ http://shoptalkshow.com/episodes/002/#comments Wed, 18 Jan 2012 21:51:35 +0000 Chris Coyier http://shoptalkshow.com/?p=68 Read more »]]> This week we were joined by Paul Irish and we, you guessed it, talked shop! We answered a bunch of reader questions (including some sweet audio questions, thanks folks) and talked about (mostly in order):

Find Paul:

Sponsored by LessAccounting

]]> http://shoptalkshow.com/episodes/002/feed/ 0 0:50:59 This week we were joined by Paul Irish and we, you guessed it, talked shop! We answered a bunch of reader questions (including some sweet audio questions, thanks folks) and talked about (mostly in order): The crazy cool Acko.net (Three.js) Pokémon [...] This week we were joined by Paul Irish and we, you guessed it, talked shop! We answered a bunch of reader questions (including some sweet audio questions, thanks folks) and talked about (mostly in order): The crazy cool Acko.net (Three.js) Pokémon jQuery on mobile devices How Paul got a job at Google (Modernizr) The recent slight-more-popular SVG (The Noun Project, Resolution Independence with SVG) CSS animations/transitions and using them in responsive design How to start contributing back to the community while garnering some reputation (Moving the Web Forward, Compass) Approaching JavaScript on projects / using templating vs. pre-formatted HTML Find Paul: Personal Website Twitter Google+ GitHub Podcast ShopTalk no no 001: With Jonathan Snook http://shoptalkshow.com/episodes/001/ http://shoptalkshow.com/episodes/001/#comments Thu, 12 Jan 2012 21:03:22 +0000 davatron5000 http://shoptalkshow.com/?p=65 Read more »]]> We are pleased to have the legendary Jonathan Snook, author of SMACSS, on the first ever episode of ShopTalk. We got things going with some listener-submitted questions. We couldn’t answer all the questions, but you should keep asking. Thanks for everyone who tuned in live and joined in on the IRC. We apologize for any technical errors. We’ll work on getting more bandwidth sorted out for next week so we don’t break the internet anymore.

Show Notes

]]> http://shoptalkshow.com/episodes/001/feed/ 0 0:48:48 We are pleased to have the legendary Jonathan Snook, author of SMACSS, on the first ever episode of ShopTalk. We got things going with some listener-submitted questions. We couldn’t answer all the questions, but you should keep asking. Thanks [...] We are pleased to have the legendary Jonathan Snook, author of SMACSS, on the first ever episode of ShopTalk. We got things going with some listener-submitted questions. We couldn’t answer all the questions, but you should keep asking. Thanks for everyone who tuned in live and joined in on the IRC. We apologize for any technical errors. We’ll work on getting more bandwidth sorted out for next week so we don’t break the internet anymore. Show Notes Jonathan Snook Snook.ca SMACSS prepareTransition – Launched today! Books by Dan Cedarholm OOCSS deCSS3 – A bookmarklet to see how gracefully you’re degrading. Modernizr Sponsored by LessAccounting Podcast ShopTalk no no 000: With Nobody http://shoptalkshow.com/episodes/000/ http://shoptalkshow.com/episodes/000/#comments Mon, 09 Jan 2012 04:56:10 +0000 davatron5000 http://shoptalkshow.com/?p=37 Dave and Chris happen upon each other and decide to start a podcast… about shop. And talk. ShopTalk.

]]> http://shoptalkshow.com/episodes/000/feed/ 0 0:00:56 Dave and Chris happen upon each other and decide to start a podcast… about shop. And talk. ShopTalk. Dave and Chris happen upon each other and decide to start a podcast… about shop. And talk. ShopTalk. Podcast ShopTalk no no