ShopTalk Show

This week it’s another RAPIDFIRE!!! Nothing but ray guns and hot question and answer madness! We talked about (roughly in order): Q & A: 3:26 For responsive menus, do you use a similar plugin on each site, or do you build custom menus for each site? Are there any responsive menu plugins that you would recommend? 11:12 When editing pre-built wordpress templates for a company I work for I often find myself using display:none to get rid of content that the client doesn’t want on the page. It definitely feels like a dirty fix, what are your thoughts on this? 17:58 I’m trying to develop a horizontally-scrolling page layout for a website I’m working on. How would you guys tackle this sort of challenge these days? 25:11 I’m curious if you’ve ever been part of a team where you or someone else on the team introduced a technology or process change or maybe like a paradigm shift in how things needed to be done. What were the toughest challenges? 35:25 Stacy K. wins tickets to SASS Summit! 38:47 I need to create an array of arrays of images for my banners. How do I put that together? 45:38 What do you suggest a beginner do in order to continue not only learning but implementing new ideas? 50:08 I’ve been implementing AJAX on my Rails 4 site with jquery’s $.load() function and using window.history.pushState() to update url’s in the browser’s address form. I am having issues with the page staying the same when I use the back button. The url responds correctly in the address bar, however the page does not go back to it’s previous state. I’ve read about a few javascript libraries being able to deal with this. What are y’all’s thoughts on the subject? 56:29 We’re considering moving a WordPress site with a few hundred posts, and growing, over to a static site generator like Jekyll. I’m wondering, how scalable is it? Is there a limit? Do things slow down? Sponsors: 15:40 E4H: Sass Summit – A full-day deep dive into Sass – setting up from workflow foundations, to learning the cutting edge Sass stuff coming in version 3.4. Bring the experts to your desktop November 6th from 9AM to 4PM (CT). You should also check out the JS Summit: Environments for Humans brings together some of the Web’s most notable experts in JavaScript and jQuery for an all-new, three-day online conference, the JavaScript Summit 2013! Bring the experts to your desktop November 19-November 21, 2013 from 9AM to 4PM (CT). Discount code 25% off w/ SHOPTALKSHOW code. Recordings come with registration! So, if you miss a session or can’t make the day, you can watch them later at your own time when they become available. Grab your tickets now! 33:01 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like: SVG JavaScript for Web Designers Creative GoPro Photography and Video Techniques Up and Running with Genesis for WordPress Creating a One-Page Scrollable Website with Adobe Muse So much more. Learn all the things! Get a [free 7 day trial now]!(http://lynda.com/shoptalk)! Show Links: Aaron Dowd – Podcast Editor ShopTalk Show FAQ MeanMenu jQuery Plugin Responsive Nav JS Plugin How To Create a Horizontally Scrolling Site Brad Frost: Designing in the Open A Better Back Button Jekyll Jekyll Import If you’re enjoying this show, please let people know by leaving us an iTunes review! We really appreciate it. Thank you!

This week it’s another RAPID-FIRE!!! Nothing but ray guns and hot question and answer madness! We talked about (roughly in order): Q & A: 3:08 I hear a lot of people asking about mentorships so I made a site called HackMentor for people to post looking for mentors / mentees. I wanted to learn MVC so I thought it would be a fun project to get the concepts down. 5:03 I use Sass and Compass with Singularity and Breakpoint. I’ve been looking into integrating Grunt into my workflow but I’m having trouble finding a good solution to managing the Sass / Compass gems / plugins and the NPM dependencies. It feels like wonky to use bundler and npm, my project has a lot of configuration files it. Is there a better solution? 13:28 Just listened to episode 115 and Codekit looks like an amazing application. I have a question about using it in a Rails project. I think I recall Chris saying that he uses it when working with Rails. Can you explain the workflow for that? 15:20 Since the advent of tablets & smartphones I’ve noticed that my clients are a lot less concerned about desktop legacy issues i.e. IE. Should designers be a lot more emboldened in advising their clients to ditch IE 6-9 & get them to spend their money & your time on tablet-y smartphone-y goodness? 21:30 I’m having trouble with setting up Codekit to work with a Drupal Foundation 5 setup. Any advice? 28:36 What is a good way to implement page navigation with following requirements: no page refresh, the pages asynchronously preload, so there’s not much waiting when navigating, flexibility around loading new pages (for example the new page slides in rather than suddenly replacing the current one). Is Backbone good for this stuff or do I need something more advanced? 36:51 I just started working from home and I’m searching for some tips about how to setup my workspace. What kind of monitor are you using for coding? Are you using multiple monitors? Are you using an extra ergonomic keyboard/mouse? Do you guys like a standing desk? What kind of chair are you using? 48:27 My websites are getting more and more heavy with images and animations and my bosses / clients are complaining that things are taking to long to load and is not very responsive to user interaction. What are your suggestions on how to get my page to load sections at a time or load everything while displaying a loading animation? Sponsors: 11:47 E4H: Sass Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Sass Summit 2014! Bring the experts to your desktop November 6th from 9AM to 4PM (CT). Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more. Use coupon code SHOPTALKSHOW for 25% off, and grab your tickets now! 25:21 Media Temple – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their new managed WordPress hosting which includes 3 WordPress installs with unlimited bandwidth! Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to mediatemple.net and enter your promo code upon signup. Show Links: Hack Mentor NPM Bower LibSass Codekit Guard Backbone.js Discourse Herman Miller Chair NextDesk Air

This week we were joined by Bastian Allgeier. Bastian created and maintains Kirby, a file-based CMS. We take a deep dive into Kirby, other CMSs, and more. We talked about (roughly in order): News’n’Links’n’Drama: 17:25 Booking.com: Would You Like Fries With That? Q & A: 26:38 I’m a part of the CSS-Tricks forum where you can usually find me recommending Kirby to just about anyone struggling with WordPress. My first question is, was WordPress an inspiration for what NOT to do when building a CMS? Secondly, when can we expect V2 of Kirby to be released? 48:44 I was looking for a CMS to use for client sites, and I came across PyroCMS. What are your thoughts on PyroCMS? 51:33 I am a front end developer in the initial planning of a blogging site and am feeling a little overwhelmed with CMS options. Is WordPress still king, or is it worth it to look at an up and coming CMS like Ghost? Sponsors: 23:58 E4H: Sass Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Sass Summit 2014! Bring the experts to your desktop November 6th from 9AM to 4PM (CT). Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more. Use coupon code SHOPTALKSHOW for 20% off, and grab your tickets now! 42:50 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like: SVG JavaScript for Web Designers Creative GoPro Photography and Video Techniques Up and Running with Genesis for WordPress Creating a One-Page Scrollable Website with Adobe Muse So much more. Learn all the things! Get a [free 7 day trial now]!(http://lynda.com/shoptalk)! Show Links: Bastian Allgeier Bastian on Twitter Kirby CMS Jekyll Booking.com: Would You Like Fries With That? Check out V2 of Kirby Twig PyroCMS Ghost Kirby Blog: PHP Template Engine

This week we were joined by Marc Grabanski. Marc is a UI dev consultant and runs Frontend Masters. We talked about (roughly in order): News’n’Links’n’Drama: 12:00 Don’t call it Standard Markdown Q & A: 16:07 How do you prefer attaching JavaScript events to elements? 25:58 I am having a hard time finding a way to bridge my methods between front-end javascript and back-end php/mysql. Is there a good way to bridge these technologies? 32:36 Is there a foundry or type designer you rely on to provide consistency, or do you assume the well known ones are all pretty much the same quality? Is there a real incentive to hosting yourself? 44:04 Is there a ‘best-practices’ way to direct WordPress to run any CSS and JS from plugins in the footer? 53:10 I have a friend that wants to make a quick buck throwing together sites with Drupal themes. How do you both precisely articulate what is, and what is not “professional” practice? Sponsors: 22:29 E4H: Sass Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Sass Summit 2014! Bring the experts to your desktop November 6th from 9AM to 4PM (CT). Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more. Use coupon code SHOPTALKSHOW for 20% off, and grab your tickets now! 40:58 Adobe Typekit – Typekit now brings beautiful type to your desktop with the power of Adobe Creative Cloud. Choose the fonts you need, and then use them wherever you need them—whether that’s on the web, synced to your desktop, or both. Stunning typefaces from quality foundries. Inspiring to browse, and easy to use. Check it out now! Show Links: Marc Grabanski Marc on Twitter Front End Masters Angular React Font Squirrel W3 Total Cache Foundation Framework Sacha Greif: The $5 Logo

This week it’s another RAPID-FIRE!!! Nothing but hot question and action action! We talked about (roughly in order): Q & A: 3:29 My question is about LiveReload. I want to use this but am having trouble getting sass, wordpress, and LiveReload to play nicely. When setting up live reload do you use the JS snippet or the chrome extension? Do you let LiveReload compile your sass, or use your tool of choice? 13:10 Is there a way to link lyrics to a song so that the word that is being sung is highlighted? 20:18 How does one bounce back from a bad job interview? 24:44 There is a growing trend now to switch from Photoshop to Sketch. I have been working in a Windows environment all this time and I have no idea what to do if I got a Sketch document! Should I ask the designers to extract the assets to me and use a JPG as a reference? Should I turn down jobs I am getting that aren’t in Photoshop till Sketch releases a version that can run in Windows? 33:21 What are your thoughts on the single responsibility principle pertaining to classes in html/css? If you use this principle, do you extend many classes in sass? 42:42 I have seen examples (Chris even did one on css-tricks.com) where you can have audio playing even after changing pages. Is it possible to do this with video in the sidebar? 48:23 What is the best way to query for the span element above using javascript? 55:05 I’m looking at switching my line-height set up from rem width px fallback to unitless. This is for a responsive project, where the support benchmarks have been set pretty far back. What the benefits are compered to staying with rems, and is there a performance/rendering benefit, or does unitless help with responsive? Sponsors: 17:35 E4H: CSS Dev Conf The first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans. Three keynotes and 24 sessions over three tracks makes for a fast-paced two-day immersion into modern multi-device design and development! Grab your tickets now! 31:20 lynda.com – The best online learning resource. New courses are posted every single day. Check out some super great courses like: SVG JavaScript for Web Designers Creative GoPro Photography and Video Techniques Up and Running with Genesis for WordPress Creating a One-Page Scrollable Website with Adobe Muse So much more. Learn all the things! Get a [free 7 day trial now]!(http://lynda.com/shoptalk)! Show Links : Live Reload Codekit Grunt Gulp Gulp Web Server Gulp Live Reload Tiny Live Reload (Gulp) CSS Tricks: Cross Browser CSS Injection Browser Sync HTML5 Audio Karaoke Overcast Podcast Player Sketch Single Responsibility Principle CSS SMACSS by Jonathan Snook Benefits of Unitless Line Height If you enjoyed this show, please let people know by leaving us an iTunes review! We really appreciate it. Thank you!

This week we were joined by Ian Feather. Ian is the Client Side Technical Lead at Lonely Planet. We talked about (roughly in order): Q & A: 28:26 How do I create CSS shapes for my website? 32:40 I noticed that Lonely Planet uses SVG icons; but they appear to be base64 encoded. How is that set up in the CSS, and what happens when they need to edit/add icons? 35:28 How do you guys deal with what I call project shame? Basically, no matter how good the end product is, I always end up finding the imperfect parts to hate, resulting in my career being a never-ending flurry of project shame. Does that happen with you guys too, or should I go see a therapist? 42:30 I’m wondering why a lot of people are choosing Bower components over using a cached version from a Google/Cloudflare hosted CDN? Isn’t the latter way faster most of the time? 50:16 I work in an environment where the JS architecture I write isn’t really understood by the majority of my coworkers. Should I continue writing classical JS in this environment? Or should I start writing functional JS so that my coworkers are more likely to understand my code? 54:00 Do you tend to create SVGs by hand (typing the points for lines and what not) or do you simply export SVGs from Illustrator? 57:16 Is building your own blog a rite of passage for a young web developer trying to level up, or is it a colossal waste of time? Sponsors: 26:20 E4H: Sass Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Sass Summit 2014! Bring the experts to your desktop November 6th from 9AM to 4PM (CT). Join us for a day of Sass experts discussing the state of Sass and deep diving the features that make our workflow easier: from building style guides, coding complex RWD layouts, and much more. Grab your tickets now! 47:27 – WP Migrate DB Pro – The easiest way to sync WordPress databases between local and live sites. Copy your database from one WordPress install to another with one click in your dashboard. Stop wasting time on migrations Eliminate the pain that is migrating a WordPress *database Work less, bill the same, increasing your effective hourly rate No more fiddling with SQL files Head over to the WP Migrate DB Pro website to learn more! Show Links: Ian Feather’s Website Ian on Twitter Lonely Planet The CSS at Lonely Planet Grunticon Pattern Lab Rizzo Lonely Planet Style Guide CSS-Tricks: What do you do when your design pattern breaks down? CSS-Tricks: Icon System with SVG Sprites CloudFlare Shoptalk FAQ The Noun Project Jekyll If you enjoyed this show, please let people know by leaving us an iTunes review! We really appreciate it. Thank you!

This week we were joined by Karolina Szczur. Karolina is a designer, developer and photographer living in Kraków, Poland. She is currently working with the delightful people of &yet. We talked about (roughly in order): Q & A: 23:44 How do you guys deal with web fonts that render significantly smaller than average? 31:02 What is the current trend for the placement of a form on a page? 39:46 The agency I work with isn’t happy I’m using LESS or SASS for front end styles. They claim the CSS it delivers for the client is too messy, and that we should write straight CSS. Do you have any recommendations for writing cleaner pre-processed code? 47:15 Is it feasible in CSS to have ellipsis applied to multiline text (text in a block, so height is also should be considered), if it starts to overflow? 58:11 I am quite new to web design and I think I could improve on my web presence. It seems that almost all web professionals use Twitter extensively. Why is it such an important tool? Sponsors: 22:02 E4H: CSS Dev Conf The first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans. Three keynotes and 24 sessions over three tracks makes for a fast-paced two-day immersion into modern multi-device design and development! Grab your tickets now! 37:54 lynda.com – The best online learning resource. Check out super great courses like: SVG JavaScript for Web Designers Creative GoPro Photography and Video Techniques Up and Running with Genesis for WordPress Creating a One-Page Scrollable Website with Adobe Muse Get a free 7 day trial now! Show Links: Karolina on Twitter Karolina’s Website &yet Emoji Fortunes Typekit by Adobe Font Squirrel Stylus Basics of the Unix Philosophy CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS Barney Carroll’s Multi-line Ellipsis CodePen CSS Tricks: Line Clampin’ CSS Tricks: A Complete Guide to Flexbox If you enjoy the show, please take a minute and fill out our short feedback survey! This will be closing soon so get your submissions in and help us shape the future of the show! Also, if the show has helped you in any way, please let people know by leaving us an iTunes review! We’d really appreciate it. Thanks!

This week it’s another RAPIDFIRE! Nothing but the best darn question and answer action you’ve ever heard! We talked about (roughly in order): Q & A: 3:45 I need a responsive image solution for a redesign of a website running on the (.NET) Episerver CMS. What responsive image solution would you use under these constraints? 8:18 I’ve built a whole range of different sites now on WordPress and in each case I’ve felt that once I push the site live, the load time is sluggish. How do you approach this problem and what kinds of resources are out there to help? 13:50 Any tips for avoiding merge conflicts in the compiled .css file when working in teams? Should I even push compiled CSS to the repository, or should this be one person’s responsibility? 17:13 What software do you guys recommend when testing websites through a screen reader or text-based browser? 23:11 I’ve seen a few tutorials online using Adobe Edge Animate to create CSS animations. Is it something that needs to be learned or looked into if I already have working knowledge of CSS3 animations and transforms? 28:15 I am trying to dig into Sass/SCSS, preprocessors and have learned a lot already about using command line with Grunt.js and Compass, but I’m wondering if CodeKit would just be a simpler and easier thing to learn first? 32:10 What are some best practices when using tabindex? 38:06 Where would you recommend a young web designer start off? Let’s say they know html and css and are looking to learn more or kick of their career, what would you recommend? 41:10 I know there is a performance hit for every new font that gets loaded, but once I have loaded a font, is there a performance hit based on how much text on the page is being rendered? My boss likes to use the web font for the H tags and then use fallback web safe fonts for body copy, is this necessary? 45:05 I used to use my main email address for all my accounts, and shortly after an attack on a certain famous tech company, I received huge waves of spam that I have been struggling to get rid of. How do you guys handle your email accounts? 49:08 I’ve got a bone to pick with links and a seemingly odd trend of not adding target="_blank". My question to you is, “What’s up with that?” 54:00 If you export an adobe illustrator AI file to SVG, you can choose to save the layers as meta data in the SVG file. What’s even more interesting is you can then target those layers with css and jquery. Essentially you can traverse the Illustrator layer stack in an SVG file and add things like hover events which change the layer color via css. Here’s a tutorial on the subject which goes into greater detail. Sponsors: 21:02 E4H: Accessibility Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, two-day online conference, the Accessibility Summit 2014! Bring the experts to your desktop September 9-10, 2014 from 9AM to 4PM (CT). With flexible content delivery and adaptable applications, the truly Accessible Web is available to everyone all the time, regardless of ability. Spend some time with the Accessibility experts and find the inspiration and practical knowledge you need to make your Web presence truly universal. Don’t miss this great event and purchase your tickets now! 39:13 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! Also, take a look at the Edge Animate CC updates: some sweet new features like copy/paste SVG art from Illustrator. Show Links: Adaptive Images W3 Total Cache New Relic ChromeVox NVAccess Screen Reader Accessibility Developer Tools Adobe Edge Animate Codekit An Alphabet of Accessibility Issues Code School Treehouse Codecademy 1Password If you enjoy the show, please take a minute and fill out our short feedback survey!

This week we were joined by Sara Soueidan. We take a deep dive into the world of SVG. We talked about (roughly in order): Q & A: 17:45 Why do you think it took us so long to start using SVG images in web development? 27:36 I just started fiddling with SVG sprites a bit and the things that I haven’t figured out yet in my SVG workflow are: removing inline styles from paths, polylines, lines etc, so that I can easily override them in my CSS file, cleaning up empty tags, and in general cleaning up unused stuff, so that the resulted file is as light as possible. Do you know of any resources, grunt plugins online tools that can do that automatically? 36:47 I’d like to use cacheable SVG sprites for icons; what’s the best way to achieve this, and can you highlight the pros and cons of the different techniques? Also, I’m currently testing an external symbol SVG file – what’s the most solid method of testing for browser support of SVG symbol? Does the ‘hasFeature’ test work robustly? 43:18 Can you give us a rundown of how SVGs actually render on a page and the best way to size/scale them? 51:10 Is there any simple way to work with SVG, and is working with SVGs going to be the next trend? 54:34 I have just used “CSS3 columns”, do you think would that be enough in future to create magazine site? Sponsors: 35:03 E4H: Front End Summit Environments for Humans brings together some of the Web’s most notable experts in Frontend for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 5PM (CT). As the web changes for the better, so do our tools. While keeping on top of industry changes is part of the job, fighting our tools that can help us do our job faster and better shouldn’t be. In this special FrontEnd Summit, we deep dive into tools–some common like text editors and some relatively new to the scene like Grunt and Sketch–to see how they can help stay on top of cutting edge. Use coupon code SHOPTALK, and grab your tickets now! 48:52 lynda.com – The best online learning resource. Check out great courses like: SVG JavaScript for Web Designers Designing a Logo for a Band Writing Press Releases Monday Productivity Pointers, and so much more. Get a free 7 day trial now! Show Links: Sara Soueidan Sara on Twitter Understanding SVG Coordinate Systems & Transformations SVG Optimiser by Peter Collingridge (non-command line, works right in browser) Codrops SVGmin Grunt CSS-Tricks – A Compendium of SVG Information Modernizr SVG use with External Source Chris Coyier – SVG is for Everyone (video) Dmitry Baranovskiy – You Don’t Know SVG Using CSS Regions With CSS Shapes For A Better Reading Experience Guide to Responsive-Friendly CSS Columns

This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard! We talked about: Q & A: 2:01 I follow tons of awesome web developers on Twitter and I learn about all the cool new things. I’m feeling a little overwhelmed. How do I actually get better at making websites? 8:22 I got an email that contained a countdown timer gif. Do you know how this was accomplished? 15:54 I am working with a site that generates it’s own short urls and I was wondering about adding to my pages. First of all, what good does it do? Secondly, I also saw . What is the difference, if any, and which should I be using? 25:44 What is your preference for fixing design breakpoints in responsive designs? 33:54 Now that Twitter is cutting off their Javascript engine to the public, how do I pull in tweets from Twitter without having to use the embedded widgets?! 40:02 Why do people avoid using Javascript? 44:44 How do you handle touch screens and responsive design? 52:42 Many mobile first grids/ frameworks I see use predefined breakpoints. Doesn’t this go against the common rule of designing for the content and not the device? Should I have commonly defined breakpoints then tweak each page accordingly? Sponsors: 13:55 E4H: Front End Summit Environments for Humans brings together some of the Web’s most notable experts in Frontend for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 5PM (CT). As the web changes for the better, so do our tools. While keeping on top of industry changes is part of the job, fighting our tools that can help us do our job faster and better shouldn’t be. In this special FrontEnd Summit, we deep dive into tools–some common like text editors and some relatively new to the scene like Grunt and Sketch–to see how they can help stay on top of cutting edge. Use coupon code SHOPTALK, and grab your tickets now! 30:22 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! Also, take a look at the Edge Animate CC updates: some sweet new features like copy/paste SVG art from Illustrator. Show Links: React JS Angular Ember Countdown Clock in Email Email Countdown App CSS Shapes Brackets Code Editor CodePen: Twitter Post Fetcher Trent Walton: Device Agnostic CodePen: Input Methods by Operating System Overcast.fm Podcast Junkies

This week we were joined by Tobias Günther. Tobias is the founder and CEO of Fournova, the makers of Tower – the most powerful Git client for Mac. We take a deep dive into Git and version control. We talked about (roughly in order): Q & A: 16:06 I have never used git before as a web developer/designer. Can you explain in more detail about how git works? 21:12 When you make a commit in a VCS like Git or Subversion, should the commit message be in the past, present or future tense? 24:44 I am part of a very small team prototyping a new app. We are familiar with GitHub, but the enterprise-company we’re working for requires us to work in Subversion (SVN). How would you recommend we attack the SVN dilemma? 32:32 We have a linux-based server where some of our clients’ websites are hosted. Someone thought of the idea of moving the entire website-folder into a Dropbox-folder thus keeping all the websites constantly backed up to the cloud, and at the same time using the Dropbox built-in version history to easily revert back to older versions of images/files or whatever when needed. Any ideas about pros/cons regarding performance and so on? 40:06 What license – if any – do you guys use for open source software? 45:10 I recently wrote and open-sourced a “framework” of sorts which deploys WordPress projects via Git/GitHub using Capistrano and WP-CLI. Here’s the link. 52:00 Have you tried using Git as a project management tool? Would you recommend it? 57:05 Do you know of an ebook, online resource, or online course directed at Git newbies? Sponsors: 23:07 Environments for Humans – Digital Biz Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT). Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for 10% off your ticket! 37:21 Media Temple – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their new managed WordPress hosting which includes 3 WordPress installs with unlimited bandwidth! Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to mediatemple.net and enter your promo code upon signup. Show Links: Tobias on Twitter Fournova Tower 2 Scott Jehl: How We Make RWD Sites Load Fast as Heck Dave Rupert: RWD Bloat Getting Started with Git Learn Version Control with Git Versions App CornerStone App Git SVN Sublime Text WTFPL License MIT License MIT/GPL Dual License WP Deploy Deploying with Capistrano FogBugz Codeschool: Try Git (free interactive online course)

This week we were joined by Fabio Carneiro. Fabio is an Email & User Experience Designer at MailChimp, where he designs and develops versatile, responsive html emails for over 4 million users. We talked about (roughly in order): Q & A: 21:50 Are there any tools or frame works to help make responsive emails easier for me? 38:06 Can you describe your workflow for marking up and testing a HTML email? 44:58 If you were an active member in a forum, how could you describe the notification preferences of your dreams? 49:40 What is the easiest way of handling data without a database? 53:11 I’ve noticed that most registration forms don’t require the user to enter their email address twice (just like the password). Is there any best practice to make it the most comfortable for the client and securing a successful registration process? Sponsors: 20:20 Environments for Humans – Digital Biz Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference, the Digital Biz Summit 2014! Bring the experts to your desktop August 20th from 9AM to 5PM (CT). Dan Mall, Emily Lewis (Digital Biz & The Hiring Process), Carl Smith, Robb Harr (Digital Biz & Cashflow) etc. all going to be there to answer questions, and provide support to freelancers and small biz owners. Use coupon code SHOPTALK for 10% off your ticket! 35:32 Media Temple – For years, Media Temple has been the premium web hosting choice of more designers, developers, and creative professionals than any other platform. It’s all managed through their own simple, custom control panel, and backed by Media Temple’s famous 24/7 live support. Virtual Private Server solutions are also available with their DV and DV Developer hosting plans. Also, check out their New Managed WordPress Hosting which includes 3 WordPress installs with unlimited bandwidth! Special discount for ShopTalk listeners, use promo code SHOPTALK for 25% off your first month of web hosting. Go to mediatemple.net and enter your promo code upon signup. Show Links: Fabio on Twitter Fabio’s Website Mailchimp Templates – Mailchimp Responsive Email Patterns Ink from Zurb Litmus

This week it’s another Rapid Fire!!! Nothing but the best darn question and answer action you’ve ever heard! We talked about (roughly in order): Q & A: 3:30 Do you have any rule of thumb for deciding when to use the new element (using the picturefill polyfill) vs just using CSS background images with media queries for responsive images? Is it more a question of semantics? 12:15 What is translateZ traditionally used for and how can it help me with my front-end style markup? 24:26 I love inline-block, it’s great and allows for easy simple vertical alignment. However it always adds that little bit of extras space making items wrap, e.g. a list of 4 with each set at 25%. Is there a better/cleaner way than commenting out the space? Why does it even happen? 31:36 I’m trying to move stackicons.com from icon font to SVG-based. Can you reference an external style sheet in the SVG file itself and use that as a single place to change styling across all the icons? 38:45 In jQuery, what is the difference between the .on function and the .click function? 44:47 I’m curious on what your thoughts are for terminology changes across an entire project. To give you some background, I work for a company that has created a web-based software. We have come across stages in our development that we want to change the terminology for functionality in our site. How would you guys go about this? 51:44 Regarding performance on mobile, is it better to A) have all content on page load and then show-hide it, B) inject the markup and content dynamically or C) load that markup and content using ajax, when a tablet o desktop media query matches, so secondary content can be shown to these more capable browsers. Sponsors: 20:19 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! Also, take a look at the Edge Animage CC updates: some sweet new features like copy/paste SVG art from Illustrator. 37:05 E4H – FrontEnd Summit – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT). Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! Get 20% off your tickets now by using coupon code “SHOPTALK”! Show Links: Picture Element Picturefill Polyfill Buzzfeed Minus Gifs Will-change CSS Property Fighting the Space Between Inline-Block Elements – CSS-Tricks Blog Post Stackicons FitText Conditional Loading for Responsive Designs

This week we were joined by Rob Dodson. Rob works on Polymer at Google. True Facts. We take a deep dive with him into Polymer and Web Components. We talked about (roughly in order): Q & A: 27:58 Web components are a hot topic at the moment, and it looks like libraries like Polymer are almost ready for production. Have either of you guys had the opportunity to play around with web components yet? Do you think they are the future? What do you believe to be positive and negative aspects of breaking up your HTML, CSS and JavaScript into isolated bundles of styling/functionality? 39:58 What would you say are the advantages of polymer over angular directives? 46:40 Is it possible to use Polymer with Phonegap? 49:09 When working on a project with a team, using Git and SASS, what does your guys folder structure and workflow look like? 54:38 I’ve started using Grunt for javascript concat and minification, image optimization and cache manifest generation when necessary. Should I .gitignore the node modules folder? Sponsors: 24:22 SpeedCurve – Monitor front-end performance. Get continuous feedback on how your front-end code is affecting the performance of your website. 44:50 E4H – FrontEnd Summit – Environments for Humans brings together some of the Web’s most notable experts in FrontEnd for an all-new, one-day only online conference, the FrontEnd Summit 2014! Bring the experts to your desktop August 21st from 9AM to 4PM (CT). Lots of great talks including: Sublime, Vim Editors FTW, Fearless Browser Test Automation, The State of Grunt, and more! Get your tickets now! Use coupon code “SHOPTALK” for 20% off any ticket combo. Show Links: Rob Dodson’s Website Rob Dodson on Twitter Polymer A Guide to Web Components Intro to Material Design Responsive Design Speed Testing Chrome Status Angular Directives Phonegap Cordova Google Web Fundamentals

This week, we take a listen to an episode of the Shoptalk show that was recorded WAAAYYYYY back in 2004, when – apparently – both Chris and Dave had midwestern accents and voices that cracked regularly! They speak to some up-and-comers in the web design community, and debate the hot question: CSS, or tables? Q & A 5:26 Live Journal no longer requires an invite code: is there going to be a Shoptalk Community? 7:07 How do I add text to my Zen Garden theme with CSS? 12:06 I’d like to use CSS Zen Garden, but I’m Christian. What should I do? 15:31 I’ve been using frames and tables for my layouts, but I’ve heard about divs and CSS. Should I take the time to learn this stuff? 17:25 Is it possible to use CSS with IE 5 and 6? 20:10 I heard the folks at Mozilla are about to release a new web browser. Will it handle CSS properties better than Internet Exploder? 22:59 I have two frames in a frame set. How do I let my users toggle the left frame on and off by clicking a button on the right frame? 26:27 Where can I find “Under Construction” GIFs for my new site? And how long do I have before GeoCities takes my page down? 30:41 I’m working with an Ad Agency doing print work, but I’m interested in building websites. Is the future of websites bigger than print design? 34:28 I’ve been hearing about liquid layouts to let websites adjust to different screen sizes, but since most screens are 1024px or 800px, are liquid layouts worth the extra work? 38:23 What can I do to make my Myspace page look cooler? 40:50 I’m building my first website, and I want to make a blog. Should I use WordPress or Grey Matter? 43:15 How do I change the background image in my nav bar when the user hovers over it? 46:46 Do you know of a good rollover plugin for Dreamweaver 6? 48:47 Why should I start using CSS and Divs instead of table based layouts? 52:38 I’ve been using Adobe Director, but my teachers at school keep telling me that Authorware is going to be the next big thing. Any tips? 56:00 My uncle keeps having the weird dreams about the future where kids are taking pictures of their meals and sharing them on the internet. Is he crazy? Sponsors: 61:15 Adobe – Check out Project Parfait: it’s a really nice way to extract everything you need from a PSD – in your browser! 63:03 E4H CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT). Show Links: Homestar Runner CSS Zen Garden Designing with Web Standards Javascript Tutorials Aurgasm Metafilter WordPress Grey Matter Moveable Type Lingo Adobe Authorware Adobe Director 9

This week we were joined by Katie Kovalcin. Katie is a designer at Happy Cog in Austin and teaches at Girl Develop It. We talked about (roughly in order): News’n’Links’n’Drama: 12:55 Protesters outside Google.io, and Google Cardboard Q & A: 19:56 What is your feeling on website creators like Wix and Squarespace? Is this taking away from potential business for web designer/developers? 27:32 Recently I was asked to create page design for a client. Just the visual design, no code. I thought this would be easy, but after spending an hour and a half creating a table in Illustrator, I’m yearning for some basic HTML & CSS. Are there any design tools you guys know of that take into account of things like “separation of style and content” or “modular components”? 34:10 I’m a newb. I love designing using HTML and CSS, but my creativity is stunted because I can’t program. Which language should I learn first? 38:43 Responsive web design has done a lot of great things for the web, but sometimes the sharing of a single codebase for all the different breakpoints makes things tricky. I’ll usually ask my designers to avoid situations that would require building a component in two different ways across screen sizes. The navigation in the header is usually one of the areas for this discussion (where a design basically requires toggling visibility between two different menu systems). Am I being too much of a stickler or should I stand my ground? 47:03 For smaller websites I often find it difficult to collect quality content from the business that I am designing a website for. These website budgets are usually small therefore a content writer may not be practical. Can you explain your process on collecting data or steering customers in the right direction when it comes to providing quality content? 52:35 I’ve got this really bad habit of nudging things in my design. Two pixels up, an em here, an em there. And then repeat into insanity. I’m always struggling to get that whitespace just right. How do you approach whitespace? Sponsors: 24:17 Codeship: Continuous Delivery Made Simple – Codeship helps run your tests and continuously deploys new code when it passes. Get 20% off your first 3 months by using discount code “shoptalkshow”. 43:10 E4H CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT). Get 20% off your ticket now by using SHOPTALKSHOW during checkout! Show Links: Katie Kovalcin Katie on Twitter Katie’s upcoming talk at CSS Dev Conf Hyperquake Happy Cog Artifact Conf Polymer Google Web Fundamentals Google Web Starter Kit Google Material Design Brad Frost Pattern Lab CSS-Tricks: Small Business Website Sketch Jeff Low wins a ticket to this years CSS Summit! Thanks for sending in nerdy questions, everyone!

This week we were joined by Sam Kapila. Sam teaches at Texas State University, focusing mainly on Responsive Web Design and Typography. We talked about (roughly in order): Q & A: 12:50 What did you guys study in college? Would you change your mind if you could go back? What kinds of studies do you recommend or do not recommend, and can you share any experiences? 23:30 I’m not in a position at work where it’s practical/needed to get into Yeoman or Bower, even though I like to stay at the forefront of web trends. Am I becoming a dinosaur? 32:20 I created a website with a small app for a client, and now they want the source code for the app so another developer can work on it. What should I do? 36:05 I’m intrigued to use CSS Calc in my private projects (modern browsers) but am not sure about the performance. It’s not a big deal, but i’d love to know if it’s a good thing to use, or should avoid it? 47:45 I really like the idea of embedding above-the-fold CSS in the head and including the rest at the bottom of the page. Do you see any drawbacks with this method? 57:04 How can I finally get started with contributing to open source projects? Sponsors: 30:18 Campaign Monitor – We’ve got a free eBook available with our Top 100 email campaigns, it’s a great dose of inspiration for 2014. We’re built for designers and agencies. To find out how you can rebrand and offer our service to your clients, at your own prices, check out campaignmonitor.com/agencies. Need to send an email campaign in a hurry? Try your hand at our template builder and have a responsive email template ready in 60 seconds. 43:30 E4H – CSS Summit – Environments for Humans brings together some of the Web’s most notable experts in and for an all-new, three-day online conference, the CSS Summit 2014! Bring the experts to your desktop July 15-July 17, 2014 from 9AM to 4PM (CT). Use coupon code “SHOPTALKSHOW” for 20% off your ticket! Show Links: Sam Kapila Sam on Twitter AtoZCSS.com Yeoman Grunt Bower Poylmer CSS Calc caniuse.com Understanding Comics Nicely Said Have a tricky front end problem you need help with? Ask us anything!

This week it’s another RAPID-FIRE!!! Nothing but the best darn question and answer you’ve ever heard! We talked about (roughly in order): Q & A: 1:28 How can I achieve HTML includes or imports without using any php or javascript? I know that Codekit has a Kit language that can do this but I don’t have a mac yet. Is there a HTML preprocessors that can do this? If so, can I use only the import function and still use regular HTML on it? 8:56 Picture this: Client organization has a CMS and puts all their ‘news’ content in. Monthly they need to generate a paper newsletter… They push ONE BUTTON and a multi-page pdf, at least as beautiful as the site, is generated with all of their news content… Has anyone tried this? 17:03 What’s the best way to compress a vector graphic from Illustrator for the web? There used to be a SVG option for “Save for Web and Devices” but it’s gone in CS6. What SVG specs are best to use? 22:43 I’m starting to hear the phrase “Tech Bubble” a lot and it’s very disheartening. Do you guys believe we’re in a tech bubble? If so, is it we the web developers/designers who have to worry? Or is it more threatening to investors, entrepreneurs, and 30 y/o billionaires? 32:30 I’m about to start working at a full time job where the team uses Git. Do you have any advice about workflow or etiquette? 39:34 I’m a developer at a mid-sized SaaS company and we have a pretty successful product. Our product has an API and there are several other companies that sell web site integrations & 3rd party plugins to our customers. Our company even receives fees to recommend certain “preferred partners”. Do you think it would be unethical or a conflict of interest for me to develop my own premium WordPress plugin on my own time? 47:47 I’m currently working in a project and the design calls for use of full-screen image backgrounds, in order to optimize this for mobile devices I’m using media queries to call the appropriate background, it works like a charm, however there is something that bothers me, if I resize the window there’s a small bit of time where the webpage has no background while the image get’s loaded. Any way around this? 51:51 Why aren’t box-shadow and text-shadow shorthand properties like background and font? Why don’t the properties box-shadow-color, box-shadow-offset, etc. exist? 58:09 My question is about Print Stylesheets. Are they still relevant? How do you approach them? Sponsors: 14:15 Campaign Monitor – Need to send an email campaign in a hurry? Try your hand at our template builder and have a responsive email template ready in 60 seconds. While you’re browsing their site, grab a free eBook about the Top 100 email campaigns and get inspired! 28:50 Environments for Humans: Craft CMS Summit – Environments for Humans brings together some of the Web’s most notable experts in Craft for an all-new, one-day only online conference, the Craft CMS Summit 2014! In this inaugural one-day conference, we look at the State of Craft and deep dive into a series of presentations to give attendees smarter and faster ways to build the web. Bring the experts to your desktop June 17th from 9AM to 5PM (CT). Use coupon code “Shoptalk” at checkout for a special discount! Environments For Humans: WP Summit – Environments for Humans brings together some of the Web’s most notable experts in for an all-new, one-day only online conference all about WordPress, the WP Summit 2014! Bring the experts to your desktop June 18th from 9AM to 4PM (CT). Use coupon code “Shoptalk” at checkout for a special discount! Show Links: CodeKit: THE Mac App For Web Developers Grunt XOXCO: Packagr Codepen Radio 012: VC Woofoo: The Online Form Builder Getting started with Git Try Git: Codeschool Interactive Tutorial Image Alpha: Photo Compression Web P: a new image format for the web Nifty CSS animation tricks

This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 2:08 I have a question about running Sass in a corporate environment. I’m really interested in using Sass at work but since it requires Ruby there’s no chance of running a ruby server on my system. Is there any way to run a Sass processor from a thumb drive? 7:48 How long does it take for you to write a blog post from the first day you experience the problem (or get the initial idea of what want to write about) to when you actually hit the publish button? 16:42 Are there any good low cost alternatives to Engine Yard or Heroku for hosting test or small web apps? 22:20 What is the best way to validate html and css? 32:45 Are there any WordPress shopping carts that have a token feature or do you know of another way to accomplish this? 41:02 Is it worth offering IE6/7/8 support for a responsive design project? Sponsors: 11:34 Blend Conf – BlendConf is a generalist conference featuring 60 diverse speakers sharing ideas and conversations about user experience, design, and development. September 11-13 in Charlotte, NC. 4 tracks: UX, Design, Front-end, Back-end. Keynote speakers are Mike Monteiro, Jennifer Palka (Founder Code for America), and Kimberly Bryant (founder, black girl code). Use coupon code “shoptalk” for 10% off! 38:41 Environments for Humans – CSS Dev Conf: the first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014, this time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go vote for your favorite talk, and pick up tickets today! Show Links: Linode Rackspace Serve Chrome Dev Tools Symbolset Icons Google Page Speed Test Grunt Strip MQ Require JS

This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 1:48 I have a question(s) about loading JS files in a WordPress environment. Is there a rule of thumb for when async should be utilized? If I script is loaded in the footer does ‘async’ not matter as much? 7:50 What software do you two use to create your slides for when you do talks at conferences? 15:50 I have a question about deciding on a development stack. What are some of your recommendations when making these kinds of decisions? 29:12 Why use static site generators? Are there any good tutorials out there for those of us who have never used one before? 34:28 Is there a way to make a line of text fill the width of a parent container as if it were justified? 38:28 In job advertisements I’ve been seeing lately, all of the best jobs have Angular JS listed as one of the requirements. I really love creating websites that work everywhere. The idea of using the latest tech at the expense of accessibility, and progressive enhancement doesn’t sit well with me. How can I keep my career advancing, while maintaining those core beliefs? 43:45 How long does it normally take you guys to build a website from start to finish, for instance microsoft.com or css-tricks.com? Sponsors: 14:00 One Month Rails – Build your first Ruby on Rails web app in just one month. Easy to follow videos with step-by-step instructions. Enrollment is typically $99, but if you join now you’ll get a one time discount of 25% off for joining, so go learn how to make web apps now! Editor’s note: I actually just bought this and I’m working through it now: it’s awesome! So easy to follow and I love the teacher’s style and the way he breaks everything down into easy to follow along with steps. Highly recommended. – Aaron D. 33:00 Environments for Humans – CSS Dev Conf: the first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014. This time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go vote for your favorite talk, and pick up tickets today! Show Links: Keynote Reveal.js Knockout Jasmine Handlebars YAML Bower Grunt Modernizr Jekyl Getting started with Jekyl Kirby Fittext.js Slab Text Big Text Adam Clark Goodstuff.fm

This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 2:25 With this trend of big background images and full with slider, which size of images do you recommend to have a balance between size and weight? 7:56 What’s the best way to handle SVGs? 23:37 Why don’t browsers just include various versions of jquery within the end user machine, loading it as they encounter usage? 27:36 You’ve mentioned Harvest as a tool for time-tracking and invoicing; are there any other tools you would suggest, specifically for expense tracking? 36:36 What do all of you think of Netflix disabling the developer console in Chrome? Will this become popular in the future? Is it unethical? 40:35 Inline-block grid systems won’t render correctly in Safari 7. It works fine on Safari 6, ffox and Chrome but fails miserably on Safari 7. Any solutions or advice? 43:50 I have recently started to do some freelance web design, I am confident in my pricing however when writing up emails to a potential client giving them an estimate I feel that there is room for improvement. How does Dave/Paravel approach this, do you send some kind of template or something else? 49:25 Going back to something raised in podcast #103 about getting server-side variables into javascript, what is the most pure way of putting server-side data into javascript? 54:37 I’m curious how you manage passwords when working with clients. How do you securely send passwords to clients? 59:19 I’m in my 40’s and to be honest, agencies are looking for people on their 20’s. Is this web design world a place for only youngsters? Sponsors: 20:16 Campaign Monitor – Campaign Monitor makes it easy to attract new subscribers, send them beautiful email newsletters and see stunning reports on the results. We use it for our Shoptalk newsletter. Check out their free eBook available with their top 100 email campaigns, it’s a great dose of inspiration for 2014. 33:52 Environments for Humans – CSS Dev Conf – The first conference devoted to CSS, the design language of the web, returns for its third year on October 13-15, 2014. This time to New Orleans! Tons of great speakers, including Chris Coyier, Rebecca Murphy, Dan Cedarholm, Estelle Way, Jonathan Snook, Rachal Nabors, and more! Go vote for your favorite talk, and pick up tickets today! Show Links: Jeremy Keith – Deconstruct Site Less Accounting Billings App Legal Zoom Nic Gallaghers Griddle 1Password 1Password Multivault

This week it’s another RAPIDFIRE!!! Nothing but HOT question & answer action. We talked about (roughly in order): Q & A: 1:47 Could you recommend any good WordPress plugins to work with for a bilingual support? 10:38 Is it possible to have a single page website perform well in terms of SEO? 19:03 When starting from scratch on a smaller site I tend to work first on the markup, then once happy I begin the styling. This usually means going through all selectors in the DOM and pasting them into the stylesheet. Have you found a tool to scan a DOM and spit out all the classes (and maybe IDs) for styling with? 25:12 How should I handle vertical rhythm? 33:18 Have you guys had any luck using MAMP on Mountain Lion? 35:07 I’m having problems with version control. Do you have any advice? 42:49 When or why it would be better to use @extend in certain instances versus creating a mixin and using @include? 49:15 My client expects pixel perfection when translating PSD to website. What do you think is a reasonable level of fidelity to the mockup to expect from a developer? 57:51 In responsive web design, what are the advantages and disadvantages of including media queries “inline” in your CSS versus putting them in separate CSS files? Sponsors: 17:05 lynda.com – The best online learning resource. Check out great courses like: SVG, JavaScript for Web Designers, Designing a Logo for a Band, Writing Press Releases, Monday Productivity Pointers, and so much more. Get a free 7 day trial now! 54:41 E4H – Craft CMS Summit – Environments for Humans brings together some of the Web’s most notable experts in Craft for an all-new, one-day only online conference, the Craft CMS Summit 2014! Bring the experts to your desktop June 17th from 9AM to 5PM (CT). Get your tickets now! Show Links: Multilingual WordPress Microsoft English Microsoft Hebrew Smartling.com – Website Translation Create Crawlable Link Friendly AJAX Websites Using Push State EmberJS.com Angular JS Baseline Grids on the Web – Jason Santa Maria The Extend Concept (SCSS) Craft CMS

This week we were joined by Bryan Jones and Guy Meyer. They are the creators of the fantastic web development app Codekit. We talked about (roughly in order): News’n’Links’n’Drama: 10:15 WordPress mentorship initiative going on at http://wpmentor.org 13:25 GiantConf blows up Q & A: 23:09 I use Grunt, but I also own a copy of CodeKit (1 & 2). I can never figure out a decent workflow: is there a plan for some Grunt integration in CodeKit? 43:07 What are your thoughts on HTML pre-processing languages? 49:30 What is your workflow when deploying from local to remote, and how do you handle working with another developer on a WP project, for version control especially again with the DB? 56:22 Have you had any success or desire to template in Jade within WordPress? Sponsors: 22:05 E4H – AccessU Summit – A one day conference on May 12th, a full day ONLINE conference about accessibility. Learn all about accessibility with talks like Mobile Accessibility, Accessible Media for the Web, and more! Get your tickets today! CSS Dev Conf!!! An awesome in-person conference all about CSS. Taking place on October 13th-15th in New Orleans. VOTE for the talks you want to see! Register today 41:00 Campaign Monitor – Campaign Monitor makes it easy to attract new subscribers, send them beautiful email newsletters and see stunning reports on the results. We use it for our Shoptalk newsletter. Check out their free eBook available with their top 100 email campaigns, it’s a great dose of inspiration for 2014. Show Links: Codekit Bryan on Twitter Bryan Jones Website Guy on Twitter Guy Meyer’s Website WP Mentor “Gracefully Bowing Out of Giant Conference” – Sarah Parmenter Grunt Kit Language Harken Press