Eva Ferreira

Web pages are visually and technically a pile of boxes. By default, all those boxes are rectangles and squares. But they don't have to be any longer. With CSS we can now transform those rectangles into parallelograms, rhombuses, skewed boxes, circles, and elephants — or any shape we want. Eva Ferreira joins Jen Simmons to talk about what's possible and how to do it. Thanks to An Event Apart. Use discount code AEAAHEAD for $100 off any two- or three-day event in 2016. Thanks to Squarespace. Use JENSENTME to get 10% off your first purchase. Thank you to Audible. Visit audible.com/webahead to get a free 30-day trial membership and a free audiobook. And thank you to Casper. Use code WEBAHEAD for $50 towards any mattress purchase.

Web pages are visually and technically a pile of boxes. By default, all those boxes are rectangles and squares. But they don't have to be any longer. With CSS we can now transform those rectangles into parallelograms, rhombuses, skewed boxes, circles, and elephants — or any shape we want. Eva Ferreira joins Jen Simmons to talk about what's possible and how to do it. Thanks to <a href="http://aneventapart.com" rel="nofollow" target="_blank">An Event Apart</a>. Use discount code <code>AEAAHEAD</code> for $100 off any two- or three-day event in 2016. Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use <code>JENSENTME</code> to get 10% off your first purchase. Thank you to <a href="http://audible.com/webahead" rel="nofollow" target="_blank">Audible</a>. Visit <a href="http://audible.com/webahead" rel="nofollow" target="_blank">audible.com/webahead</a> to get a free 30-day trial membership and a free audiobook. And thank you to <a href="http://casper.com/webahead" rel="nofollow" target="_blank">Casper</a>. Use code <code>WEBAHEAD</code> for $50 towards any mattress purchase.

117: Transforming the Shapes with Eva Ferreira

Stefan Tilkov

There’s a lot of pressure these days to use a JavaScript framework to create every website. “Which one is best?” people ask, “Which one should I use?” Stefan Tilkov joins Jen Simmons to talk about the architectural style of the web, and how to understand to best create an application on the web. What is the role of each of the technologies available? Thanks to ImageEngine for supporting the show. Check out their free service at  scientiamobile.com/webahead. And thank you An Event Apart. Use discount code AEAAHEAD for $100 off any two- or three-day event in 2016.  Thanks to Squarespace. Use JENSENTME to get 10% off your first purchase. And thanks to Audible. Visit audible.com/webahead to get a free 30-day trial membership and a free audiobook.

There’s a lot of pressure these days to use a JavaScript framework to create every website. “Which one is best?” people ask, “Which one should I use?” Stefan Tilkov joins Jen Simmons to talk about the architectural style of the web, and how to understand to best create an application on the web. What is the role of each of the technologies available? Thanks to ImageEngine for supporting the show. Check out their free service at <a href="http://scientiamobile.com/webahead" rel="nofollow" target="_blank">scientiamobile.com/webahead</a>. And thank you <a href="http://aneventapart.com" rel="nofollow" target="_blank">An Event Apart</a>. Use discount code <code>AEAAHEAD</code> for $100 off any two- or three-day event in 2016. Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use <code>JENSENTME</code> to get 10% off your first purchase. And thanks to <a href="http://audible.com/webahead" rel="nofollow" target="_blank">Audible</a>. Visit <a href="http://audible.com/webahead" rel="nofollow" target="_blank">audible.com/webahead</a> to get a free 30-day trial membership and a free audiobook.

116: Preserving the Architecture of the Web with Stefan Tilkov

Rachel Andrew

Eric Meyer

Jeffrey Zeldman

The landscape of what's possible in web page layout is changing. Jen has a theory that this change will be a big one — perhaps the biggest change to graphic design on the web in over 15 years. Rachel, Jeffrey, and Eric join her to debate if that's true or not, and to surmise what the future might bring. This special episode was recorded live at An Event Apart Nashville. Thanks to ImageEngine for supporting the show. Check out their free service at  scientiamobile.com/webahead. And thank you An Event Apart. Use discount code AEAAHEAD for $100 off any two- or three-day event in 2016.  And thank you to Casper. Use code WEBAHEAD for $50 towards any mattress purchase.

The landscape of what's possible in web page layout is changing. Jen has a theory that this change will be a big one — perhaps the biggest change to graphic design on the web in over 15 years. Rachel, Jeffrey, and Eric join her to debate if that's true or not, and to surmise what the future might bring. This special episode was recorded live at An Event Apart Nashville. Thanks to ImageEngine for supporting the show. Check out their free service at <a href="http://scientiamobile.com/webahead" rel="nofollow" target="_blank">scientiamobile.com/webahead</a>. And thank you <a href="http://aneventapart.com" rel="nofollow" target="_blank">An Event Apart</a>. Use discount code <code>AEAAHEAD</code> for $100 off any two- or three-day event in 2016. And thank you to <a href="http://casper.com/webahead" rel="nofollow" target="_blank">Casper</a>. Use code <code>WEBAHEAD</code> for $50 towards any mattress purchase.

115: Predicting the future with Rachel Andrew, Eric Meyer, and Jeffrey Zeldman

Everything about web page layout is changing. New CSS specifications will make it possible to do designs we've never seen before. Rachel Andrew joins Jen Simmons to talk about what's happening. Thank you An Event Apart for sponsoring the show! Use discount code AEAAHEAD for $100 off any two- or three-day event in 2016. And thanks to Squarespace. Use  JENSENTME to get 10% off your first purchase.

Everything about web page layout is changing. New CSS specifications will make it possible to do designs we've never seen before. Rachel Andrew joins Jen Simmons to talk about what's happening. Thank you <a href="http://aneventapart.com" rel="nofollow" target="_blank">An Event Apart</a> for sponsoring the show! Use discount code <code>AEAAHEAD</code> for $100 off any two- or three-day event in 2016. And thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use <code>JENSENTME</code> to get 10% off your first purchase.

114: Laying Out the Future with Rachel Andrew

Husani Oakley

Our technology has gotten really complicated. Sometimes we get so deep into our work, we lose sight of what matters. We have hundreds of choices to make — “Which tool should we use?”; “Should we change what we are doing, or stick with what we’ve got?”; “Do I keep solving this problem, or move on to the next one?” — how do we ever decide? Husani Oakley joins Jen Simmons to debate these questions and more. Thanks to Fluent conference, March 7–10 in San Francisco. Use code PCWEB when you register and save 30%. And thanks to Squarespace for sponsoring this episode. Use coupon code JENSENTME to get 10% off your first purchase.

Our technology has gotten really complicated. Sometimes we get so deep into our work, we lose sight of what matters. We have hundreds of choices to make — “Which tool should we use?”; “Should we change what we are doing, or stick with what we’ve got?”; “Do I keep solving this problem, or move on to the next one?” — how do we ever decide? Husani Oakley joins Jen Simmons to debate these questions and more. Thanks to <a href="http://www.oreilly.com/go/thewebahead" rel="nofollow" target="_blank">Fluent conference</a>, March 7–10 in San Francisco. Use code <code>PCWEB</code> when you register and save 30%. And thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for sponsoring this episode. Use coupon code <code>JENSENTME</code> to get 10% off your first purchase.

113: Standing on Turtles with Husani Oakley

Stephanie Rieger

Jonas Sicking

Talking about the Internet of Things is all the rage these days. What is it about, and why is there so much hype? Will an ecosystem of internet-connected “devices” take over our lives? What role does the web play in all this? Stephanie Rieger joins Jen Simmons to discuss. Then Jonas Sicking joins Jen for a second interview, to talk more about what how the web might be involved. Thanks to Squarespace for sponsoring this episode. Use coupon code JENSENTME to get 10% off your first purchase. And thanks to Casper. Use the code WEBAHEAD for $50 off.

Talking about the Internet of Things is all the rage these days. What is it about, and why is there so much hype? Will an ecosystem of internet-connected “devices” take over our lives? What role does the web play in all this? Stephanie Rieger joins Jen Simmons to discuss. Then Jonas Sicking joins Jen for a second interview, to talk more about what how the web might be involved. Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for sponsoring this episode. Use coupon code <code>JENSENTME</code> to get 10% off your first purchase. And thanks to <a href="http://casper.com/webahead" rel="nofollow" target="_blank">Casper</a>. Use the code <code>WEBAHEAD</code> for $50 off.

112: Imagining the Web of Things with Stephanie Rieger and Jonas Sicking

Karen McGrane

It’s clear. Responsive is the way to go. One website for all screen sizes, for all devices. But what does it take for a company with an pre-existing site or pre-existing way of working together to make the needed changes to go responsive? It's not about the media queries. It's about everything else. Karen McGrane joins Jen Simmons to talk about her new book, and to imagine an amazing future. Thanks to Squarespace for sponsoring this episode. Use coupon code JENSENTME to get 10% off your first purchase.

It’s clear. Responsive is the way to go. One website for all screen sizes, for all devices. But what does it take for a company with an pre-existing site or pre-existing way of working together to make the needed changes to go responsive? It's not about the media queries. It's about everything else. Karen McGrane joins Jen Simmons to talk about her new book, and to imagine an amazing future. Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for sponsoring this episode. Use coupon code <code>JENSENTME</code> to get 10% off your first purchase.

111: Going Responsive with Karen McGrane

Jeremy Keith

The web is being compared to "native" a lot these days, with some even declaring the web dead. But what are the strengths web? What does it do that native can't touch? What is it we are making when we are creating something of the web? Jeremy Keith joins Jen Simmons to articulate how to understand and appreciate the web. Thanks to Media Temple for sponsoring this episode. Use coupon code TWA to get 25% off their web hosting.

The web is being compared to "native" a lot these days, with some even declaring the web dead. But what are the strengths web? What does it do that native can't touch? What is it we are making when we are creating something of the web? Jeremy Keith joins Jen Simmons to articulate how to understand and appreciate the web. Thanks to <a href="https://mediatemple.net/?utm_source=TheWebAhead&amp;utm_medium=podcast&amp;utm_campaign=TWA" rel="nofollow" target="_blank">Media Temple</a> for sponsoring this episode. Use coupon code <code>TWA</code> to get 25% off their web hosting.

110: Understanding the Web with Jeremy Keith

Dustin Senos

Designing a successful product takes more than attention to the look &amp; feel, or the interface architecture. Great product design happens earlier in the process, when the product itself is defined and understood. With his experience as the lead designer for Medium, Dustin Senos knows a thing or two about making a product great. He joins Jen Simmons to explain what it takes. Thanks to Media Temple for sponsoring this episode. Use coupon code TWA to get 25% off their web hosting.

Designing a successful product takes more than attention to the look &amp; feel, or the interface architecture. Great product design happens earlier in the process, when the product itself is defined and understood. With his experience as the lead designer for Medium, Dustin Senos knows a thing or two about making a product great. He joins Jen Simmons to explain what it takes. Thanks to <a href="https://mediatemple.net/?utm_source=TheWebAhead&amp;utm_medium=podcast&amp;utm_campaign=TWA" rel="nofollow" target="_blank">Media Temple</a> for sponsoring this episode. Use coupon code <code>TWA</code> to get 25% off their web hosting.

109: Designing Products with Dustin Senos

Pamela Pavliscak

We often focus on improving user experience — making it easier for people to use the sites and products we create. But when do we get to focus on a bigger picture? Are we making true improvements to people's lives? Are they happier because they use our work? Pamela Pavliscak has been deeply researching this question. What does it take to  improve humanity? How are different generations being affected differently? What will life look like for our children? Thanks to Media Temple for sponsoring this episode. Use coupon code TWA to get 25% off their web hosting. And thanks to Mozilla's View Source Conference. Use coupon code WEBAHEAD to get 25% off  ticket pricing.

We often focus on improving user experience — making it easier for people to use the sites and products we create. But when do we get to focus on a bigger picture? Are we making true improvements to people's lives? Are they happier because they use our work? Pamela Pavliscak has been deeply researching this question. What does it take to improve humanity? How are different generations being affected differently? What will life look like for our children? Thanks to <a href="https://mediatemple.net/?utm_source=TheWebAhead&amp;utm_medium=podcast&amp;utm_campaign=TWA" rel="nofollow" target="_blank">Media Temple</a> for sponsoring this episode. Use coupon code <code>TWA</code> to get 25% off their web hosting. And thanks to Mozilla's <a href="https://viewsourceconf.org" rel="nofollow" target="_blank">View Source Conference</a>. Use coupon code <code>WEBAHEAD</code> to get 25% off <a href="https://ti.to/mdn/view-source-2015/discount/WEBAHEAD" rel="nofollow" target="_blank">ticket pricing</a>.

108: Improving Humanity with Pamela Pavliscak

Conversations with world experts on changing technologies and future of the web. The Web Ahead is your shortcut to keeping up. Hosted by Jen Simmons.

Having been at An Event Apart and able to have the pleasure of hear Jen speak and hold a workshop, I am super glad to have stumbled across her podcast! If you&#39;re in the field of web development or the web, period... The Web Ahead is a &#34;must have&#34; on your podcast listening list. It is on mine!

Jen Simmons is great!

Does a great job describing web design and technology!

The Web Ahead

Young Hahn

Dave Cole

After many years of using Content Management Systems that store content in a database, there's a movement to store content in files instead. Jekyll and other tools, including github, are springing up to create a new ecosystem of file-based tools. Young Hahn and Dave Cole join Jen Simmons to explain. Links for this episode:Dave Cole | Development SeedYoung Hahn | Development SeedHealth Insurance Marketplace, Affordable Care Act | Healthcare.gov | HealthCare.govLaunching HealthCare.gov | Development SeedNew Healthcare.gov is Open, CMS-Free | Development SeedHow We Build CMS-Free Websites | Development SeedDaring Fireball: MarkdownIntroducing Prose: A Content Editor for GitHub | Development SeedTumult HypeProse on Mobile | Development SeedNew Media Features in Prose | Development SeedMajor New Features in Prose v1 | Development SeedIntroducing Jekyll-hook: Run your own GitHub Pages | Development SeedBlog | Development SeedDave Cole (dhcole) on TwitterJekyll • Simple, blog-aware, static sitesThe Official YAML Web SiteYAML - Wikipedia, the free encyclopediaTemplate Data · mojombo/jekyll WikiJekyll Liquid Api | Jekyll-Bootstrapdevelopmentseed/jekyll-hookGitHub PagesGitHub HelpProse · A Content Editor for GitHubAll documents — EditoriallySnow Fall: The Avalanche at Tunnel Creek - Multimedia Feature - NYTimes.comBuilding the new MailChimp.com | MailChimp Email Marketing BlogMapBox | Fast and beautiful mapsTaking “Content First” Very Seriously Cloud Four BlogJekyll Introduction | Jekyll-BootstrapOpen by design: Why the way the new Healthcare.gov was built mattersThanks to our sponsor, CSS Summit. Use code WEBAHEAD for 20% off.

After many years of using Content Management Systems that store content in a database, there's a movement to store content in files instead. Jekyll and other tools, including github, are springing up to create a new ecosystem of file-based tools. Young Hahn and Dave Cole join Jen Simmons to explain. Links for this episode:<ul><li><a href="http://developmentseed.org/team/dave-cole/" rel="nofollow" target="_blank">Dave Cole | Development Seed</a> </li><li><a href="http://developmentseed.org/team/young-hahn/" rel="nofollow" target="_blank">Young Hahn | Development Seed</a> </li><li><a href="https://www.healthcare.gov/" rel="nofollow" target="_blank">Health Insurance Marketplace, Affordable Care Act | Healthcare.gov | HealthCare.gov</a> </li><li><a href="http://developmentseed.org/blog/2013/06/25/healthcare-launches-in-the-open/" rel="nofollow" target="_blank">Launching HealthCare.gov | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/new-healthcare-gov-is-open-and-cms-free/" rel="nofollow" target="_blank">New Healthcare.gov is Open, CMS-Free | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/2012/07/27/build-cms-free-websites/" rel="nofollow" target="_blank">How We Build CMS-Free Websites | Development Seed</a> </li><li><a href="http://daringfireball.net/projects/markdown/" rel="nofollow" target="_blank">Daring Fireball: Markdown</a> </li><li><a href="http://developmentseed.org/blog/2012/june/25/prose-a-content-editor-for-github/" rel="nofollow" target="_blank">Introducing Prose: A Content Editor for GitHub | Development Seed</a> </li><li><a href="http://tumult.com/hype/" rel="nofollow" target="_blank">Tumult Hype</a> </li><li><a href="http://developmentseed.org/blog/2013/06/21/prose-on-mobile/" rel="nofollow" target="_blank">Prose on Mobile | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/2013/05/28/media-support-in-prose/" rel="nofollow" target="_blank">New Media Features in Prose | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/2013/05/08/major-new-features-prose-v1/" rel="nofollow" target="_blank">Major New Features in Prose v1 | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/2013/05/01/introducing-jekyll-hook/" rel="nofollow" target="_blank">Introducing Jekyll-hook: Run your own GitHub Pages | Development Seed</a> </li><li><a href="http://developmentseed.org/blog/" rel="nofollow" target="_blank">Blog | Development Seed</a> </li><li><a href="https://twitter.com/dhcole" rel="nofollow" target="_blank">Dave Cole (dhcole) on Twitter</a> </li><li><a href="http://jekyllrb.com/" rel="nofollow" target="_blank">Jekyll • Simple, blog-aware, static sites</a> </li><li><a href="http://www.yaml.org/" rel="nofollow" target="_blank">The Official YAML Web Site</a> </li><li><a href="http://en.wikipedia.org/wiki/YAML" rel="nofollow" target="_blank">YAML - Wikipedia, the free encyclopedia</a> </li><li><a href="https://github.com/mojombo/jekyll/wiki/Template-Data" rel="nofollow" target="_blank">Template Data · mojombo/jekyll Wiki</a> </li><li><a href="http://jekyllbootstrap.com/api/jekyll-liquid-api.html" rel="nofollow" target="_blank">Jekyll Liquid Api | Jekyll-Bootstrap</a> </li><li><a href="https://github.com/developmentseed/jekyll-hook" rel="nofollow" target="_blank">developmentseed/jekyll-hook</a> </li><li><a href="http://pages.github.com/" rel="nofollow" target="_blank">GitHub Pages</a> </li><li><a href="https://help.github.com/categories/20/articles" rel="nofollow" target="_blank">GitHub Help</a> </li><li><a href="http://prose.io/#about" rel="nofollow" target="_blank">Prose · A Content Editor for GitHub</a> </li><li><a href="https://editorially.com/docs" rel="nofollow" target="_blank">All documents — Editorially</a> </li><li><a href="http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek" rel="nofollow" target="_blank">Snow Fall: The Avalanche at Tunnel Creek - Multimedia Feature - NYTimes.com</a> </li><li><a href="http://blog.mailchimp.com/building-the-new-mailchimp/" rel="nofollow" target="_blank">Building the new MailChimp.com | MailChimp Email Marketing Blog</a> </li><li><a href="http://www.mapbox.com/" rel="nofollow" target="_blank">MapBox | Fast and beautiful maps</a> </li><li><a href="http://blog.cloudfour.com/taking-content-first-very-seriously/" rel="nofollow" target="_blank">Taking “Content First” Very Seriously Cloud Four Blog</a> </li><li><a href="http://jekyllbootstrap.com/lessons/jekyll-introduction.html" rel="nofollow" target="_blank">Jekyll Introduction | Jekyll-Bootstrap</a> </li><li><a href="http://e-pluribusunum.com/2013/06/22/why-the-way-the-healthcare-gov-exchange-was-built-matters/" rel="nofollow" target="_blank">Open by design: Why the way the new Healthcare.gov was built matters</a> </li></ul>Thanks to our sponsor, <a href="http://environmentsforhumans.com/2013/css-summit/" rel="nofollow" target="_blank">CSS Summit</a>. Use code <code>WEBAHEAD</code> for 20% off.

54: Jekyll and CMS-less websites with Young Hahn and Dave Cole

The Git version control system has become incredibly popular, with many people using it to collaborate on shared projects. John Albin Wilkins joins Jen Simmons to explain what Git is, how it works and how to use it. Links for this episode:Code School - Try GitA List Apart: Articles: Get Started with GitGit Immersion - Brought to you by New ContextIn Control Mobile + Web Design Conference Preview on VimeoRevision Control System - Wikipedia, the free encyclopediaTower - The most powerful Git client for MacGitHub for MacDeltaWalker for Mac OS X: Compare/Merge Files, Synchronize Folders; Two and Three-WayA complete idiot’s guide to git-svn-migrate, 3 steps to batch convert Subversion to Git | JohnAlbinConverting a Subversion repository to Git, (7 steps to migrate a complete mirror of svn in git) | JohnAlbinPro Git (Expert's Voice in Software Development): Scott Chacon: 9781430218333: Amazon.com: BooksGit - BookPull Requests · h5bp/html5-boilerplateJohnAlbin (John Albin Wilkins)Network Graph · JohnAlbin/compass-zen-gridsVersion Control with Git - O'Reilly MediaSponsored by the In Control Conference and CSS Dev Conf (use coupon code ALOHAAHEAD for $100 off).

The Git version control system has become incredibly popular, with many people using it to collaborate on shared projects. John Albin Wilkins joins Jen Simmons to explain what Git is, how it works and how to use it. Links for this episode:<ul><li><a href="http://try.github.com/levels/1/challenges/1" rel="nofollow" target="_blank">Code School - Try Git</a> </li><li><a href="http://www.alistapart.com/articles/get-started-with-git/" rel="nofollow" target="_blank">A List Apart: Articles: Get Started with Git</a> </li><li><a href="http://gitimmersion.com/" rel="nofollow" target="_blank">Git Immersion - Brought to you by New Context</a> </li><li><a href="http://vimeo.com/51706273" rel="nofollow" target="_blank">In Control Mobile + Web Design Conference Preview on Vimeo</a> </li><li><a href="http://en.wikipedia.org/wiki/Revision_Control_System" rel="nofollow" target="_blank">Revision Control System - Wikipedia, the free encyclopedia</a> </li><li><a href="http://www.git-tower.com/" rel="nofollow" target="_blank">Tower - The most powerful Git client for Mac</a> </li><li><a href="http://mac.github.com/" rel="nofollow" target="_blank">GitHub for Mac</a> </li><li><a href="http://www.deltopia.com/compare-merge-sync/macosx/" rel="nofollow" target="_blank">DeltaWalker for Mac OS X: Compare/Merge Files, Synchronize Folders; Two and Three-Way</a> </li><li><a href="http://john.albin.net/git/git-svn-migrate" rel="nofollow" target="_blank">A complete idiot’s guide to git-svn-migrate, 3 steps to batch convert Subversion to Git | JohnAlbin</a> </li><li><a href="http://john.albin.net/git/convert-subversion-to-git" rel="nofollow" target="_blank">Converting a Subversion repository to Git, (7 steps to migrate a complete mirror of svn in git) | JohnAlbin</a> </li><li><a href="http://www.amazon.com/exec/obidos/ASIN/1430218339/5by5-20" rel="nofollow" target="_blank">Pro Git (Expert's Voice in Software Development): Scott Chacon: 9781430218333: Amazon.com: Books</a> </li><li><a href="http://git-scm.com/book" rel="nofollow" target="_blank">Git - Book</a> </li><li><a href="https://github.com/h5bp/html5-boilerplate/pulls" rel="nofollow" target="_blank">Pull Requests · h5bp/html5-boilerplate</a> </li><li><a href="https://github.com/JohnAlbin" rel="nofollow" target="_blank">JohnAlbin (John Albin Wilkins)</a> </li><li><a href="https://github.com/JohnAlbin/compass-zen-grids/network" rel="nofollow" target="_blank">Network Graph · JohnAlbin/compass-zen-grids</a> </li><li><a href="http://shop.oreilly.com/product/9780596520137.do" rel="nofollow" target="_blank">Version Control with Git - O'Reilly Media</a> </li></ul>Sponsored by the <a href="http://incontrolconference.com/" rel="nofollow" target="_blank">In Control Conference</a> and <a href="http://cssdevconf.com" rel="nofollow" target="_blank">CSS Dev Conf</a> (use coupon code <code>ALOHAAHEAD</code> for $100 off).

40: Git with John Albin Wilkins

Tobias Günther

Git is a powerful tool for helping developers collaborate, organize, and code at their best. But like anything powerful, Git can be confusing and overwhelming. Tobias Günther joins Jen Simmons to explain how to get through the pain points. They talk about branching, team workflows, remote servers, submodules, GUI tools, and more. Links for this episode:Tower (gittower) on TwitterTobias Günther (tobidobi) on Twitter5by5 | The Web Ahead #40: Git with John Albin WilkinsTower - The most powerful Git client for MacLearn Git - Learn Version Control with GitGit Tutorials and Training from AtlassianIssues · jensimmons/thewebaheadThanks to Atlassian's BitBucket for sponsoring the show. To learn more about basic Git commands, advanced Git workflows, and Atlassian's tools that support Git, visit atlassian.com/webahead. And thanks to Squarespace for supporting the show. Use code JENSENTME for 10% off any purchase.

Git is a powerful tool for helping developers collaborate, organize, and code at their best. But like anything powerful, Git can be confusing and overwhelming. Tobias Günther joins Jen Simmons to explain how to get through the pain points. They talk about branching, team workflows, remote servers, submodules, GUI tools, and more. Links for this episode:<ul><li><a href="https://twitter.com/gittower" rel="nofollow" target="_blank">Tower (gittower) on Twitter</a> </li><li><a href="https://twitter.com/tobidobi" rel="nofollow" target="_blank">Tobias Günther (tobidobi) on Twitter</a> </li><li><a href="http://5by5.tv/webahead/40" rel="nofollow" target="_blank">5by5 | The Web Ahead #40: Git with John Albin Wilkins</a> </li><li><a href="http://www.git-tower.com/" rel="nofollow" target="_blank">Tower - The most powerful Git client for Mac</a> </li><li><a href="http://www.git-tower.com/learn/" rel="nofollow" target="_blank">Learn Git - Learn Version Control with Git</a> </li><li><a href="https://www.atlassian.com/webahead" rel="nofollow" target="_blank">Git Tutorials and Training from Atlassian</a> </li><li><a href="https://github.com/jensimmons/thewebahead/issues" rel="nofollow" target="_blank">Issues · jensimmons/thewebahead</a> </li></ul>Thanks to Atlassian's BitBucket for sponsoring the show. To learn more about basic Git commands, advanced Git workflows, and Atlassian's tools that support Git, visit <a href="https://www.atlassian.com/webahead" rel="nofollow" target="_blank">atlassian.com/webahead</a>. And thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for supporting the show. Use code <code>JENSENTME</code> for 10% off any purchase.

79: Advanced Git with Tobias Günther

Bruce Lawson

HTML5 brought more semantic elements to HTML. How's that going? Why should developers use semantic HTML? Bruce Lawson joins Jen Simmons to discuss HTML, semantics, accessibility, ARIA roles, microformats, microdata, RDFa, web components and more. Links for this episode:Bruce Lawson’s personal siteHTML5 Doctor, helping you implement HTML5 todayIntroducing HTML5: Bruce Lawson and Remy Sharp5by5 | The Web Ahead #65: The Future of the Web Stack with Simon St. Laurent5by5 | The Web Ahead #66: Web Components with Peter GasstonBruce Lawson - The Web Standards ProjectjQuery UK 2014 - Jen Simmons on VimeoDo websites need to look exactly the same in every browser?The Truth About HTML5 (For Web Designers) by Luke StevensMatt Wilcox (MattWilcox) on TwitterWebAIM: Screen Reader User Survey #5 ResultsThe Paciello Group: Accessibility testing/evaluation, WCAG/Section 508 compliance audits, VPATs, training and accessible user experience | The Paciello Group - Your Accessibility PartnerSteve Faulkner (stevefaulkner) on TwitterOpera browser - The alternative web browser - Download freeARIA - Accessibility | MDNHTML5 Accessibility Chops: When to use an ARIA role | The Paciello Group BlogWeb Accessibility 101: Web Headings for Screen ReadersARIA and Progressive Enhancement · An A List Apart Articleschema.orgExtending HTML5 — Microdata | HTML5 DoctorAbout microdata - Webmaster Tools HelpRDFaAbout rich snippets and structured data - Webmaster Tools HelpSemantic Web - Wikipedia, the free encyclopediaAlex Russell's websiteWebComponents.orgOur First Node.js App: Backbone on the Client and Server - Airbnb Engineering[whatwg] [html5] Semantic elements and spec complexitybruce lawson (brucel) on TwitterJen Simmons (jensimmons) on TwitterThe Web Ahead (thewebahead) on TwitterThanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting. And thanks to O'Reilly's Velocity Conference. Use code JENSENTME for 20% off event prices.  Or use the code JENSENTEXHIBIT to get an Expo Hall Pass for $39 (regularly $195). You can download Web Page Size, Speed, and Performance by Terrence Dorsey for free at http://oreil.ly/jensenRDL.

HTML5 brought more semantic elements to HTML. How's that going? Why should developers use semantic HTML? Bruce Lawson joins Jen Simmons to discuss HTML, semantics, accessibility, ARIA roles, microformats, microdata, RDFa, web components and more. Links for this episode:<ul><li><a href="http://www.brucelawson.co.uk/" rel="nofollow" target="_blank">Bruce Lawson’s personal site</a> </li><li><a href="http://html5doctor.com/" rel="nofollow" target="_blank">HTML5 Doctor, helping you implement HTML5 today</a> </li><li><a href="http://introducinghtml5.com/" rel="nofollow" target="_blank">Introducing HTML5: Bruce Lawson and Remy Sharp</a> </li><li><a href="http://5by5.tv/webahead/65" rel="nofollow" target="_blank">5by5 | The Web Ahead #65: The Future of the Web Stack with Simon St. Laurent</a> </li><li><a href="http://5by5.tv/webahead/66" rel="nofollow" target="_blank">5by5 | The Web Ahead #66: Web Components with Peter Gasston</a> </li><li><a href="http://www.webstandards.org/about/members/blawson/" rel="nofollow" target="_blank">Bruce Lawson - The Web Standards Project</a> </li><li><a href="https://vimeo.com/album/2912171/video/97723667" rel="nofollow" target="_blank">jQuery UK 2014 - Jen Simmons on Vimeo</a> </li><li><a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/" rel="nofollow" target="_blank">Do websites need to look exactly the same in every browser?</a> </li><li><a href="http://www.truthabouthtml5.com/" rel="nofollow" target="_blank">The Truth About HTML5 (For Web Designers) by Luke Stevens</a> </li><li><a href="https://twitter.com/MattWilcox" rel="nofollow" target="_blank">Matt Wilcox (MattWilcox) on Twitter</a> </li><li><a href="http://webaim.org/projects/screenreadersurvey5/" rel="nofollow" target="_blank">WebAIM: Screen Reader User Survey #5 Results</a> </li><li><a href="http://www.paciellogroup.com/" rel="nofollow" target="_blank">The Paciello Group: Accessibility testing/evaluation, WCAG/Section 508 compliance audits, VPATs, training and accessible user experience | The Paciello Group - Your Accessibility Partner</a> </li><li><a href="https://twitter.com/stevefaulkner" rel="nofollow" target="_blank">Steve Faulkner (stevefaulkner) on Twitter</a> </li><li><a href="http://www.opera.com/" rel="nofollow" target="_blank">Opera browser - The alternative web browser - Download free</a> </li><li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA" rel="nofollow" target="_blank">ARIA - Accessibility | MDN</a> </li><li><a href="http://blog.paciellogroup.com/2012/06/html5-accessibility-chops-when-to-use-an-aria-role/" rel="nofollow" target="_blank">HTML5 Accessibility Chops: When to use an ARIA role | The Paciello Group Blog</a> </li><li><a href="https://www.youtube.com/watch?v=QP1rzxMRap4" rel="nofollow" target="_blank">Web Accessibility 101: Web Headings for Screen Readers</a> </li><li><a href="http://alistapart.com/article/aria-and-progressive-enhancement" rel="nofollow" target="_blank">ARIA and Progressive Enhancement · An A List Apart Article</a> </li><li><a href="http://schema.org/" rel="nofollow" target="_blank">schema.org</a> </li><li><a href="http://html5doctor.com/microdata/" rel="nofollow" target="_blank">Extending HTML5 — Microdata | HTML5 Doctor</a> </li><li><a href="https://support.google.com/webmasters/answer/176035?hl=en" rel="nofollow" target="_blank">About microdata - Webmaster Tools Help</a> </li><li><a href="http://rdfa.info/" rel="nofollow" target="_blank">RDFa</a> </li><li><a href="https://support.google.com/webmasters/answer/99170?hl=en" rel="nofollow" target="_blank">About rich snippets and structured data - Webmaster Tools Help</a> </li><li><a href="http://en.wikipedia.org/wiki/Semantic_Web" rel="nofollow" target="_blank">Semantic Web - Wikipedia, the free encyclopedia</a> </li><li><a href="http://infrequently.org/about-me/" rel="nofollow" target="_blank">Alex Russell's website</a> </li><li><a href="http://webcomponents.org/" rel="nofollow" target="_blank">WebComponents.org</a> </li><li><a href="http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product/" rel="nofollow" target="_blank">Our First Node.js App: Backbone on the Client and Server - Airbnb Engineering</a> </li><li><a href="http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2004-November/002344.html" rel="nofollow" target="_blank">[whatwg] [html5] Semantic elements and spec complexity</a> </li><li><a href="https://twitter.com/brucel" rel="nofollow" target="_blank">bruce lawson (brucel) on Twitter</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons (jensimmons) on Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead (thewebahead) on Twitter</a> </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting. And thanks to <a href="http://velocityconf.com/velocity2014" rel="nofollow" target="_blank">O'Reilly's Velocity Conference</a>. Use code <code>JENSENTME</code> for 20% off event prices. Or use the code <code>JENSENTEXHIBIT</code> to get an Expo Hall Pass for $39 (regularly $195). You can download Web Page Size, Speed, and Performance by Terrence Dorsey for free at <a href="http://oreil.ly/jensenRDL" rel="nofollow" target="_blank">http://oreil.ly/jensenRDL</a>.

74: HTML Semantics with Bruce Lawson

Claudina Sarahe

Front

Front-end development has changed a lot. What used to be simple text in files is now a deep stack of robust engineering tools. Is this a good change? What advantages do the power tools provide, and what might we be giving up in exchange? Claudina Sarahe joins Jen Simmons to debate. Links for this episode:The Birds | OddBirdmisscs (claudina sarahe)Claudina Sarahe (@itsmisscs) | TwitterClaudina Sarahe's online logWebstock '13: Mike Monteiro - How Designers Destroyed the World on Vimeonode.jsbroccolijs/broccoligulp.js - the streaming build systemGrunt: The JavaScript Task RunnerbowerWelcome to Jinja2 — Jinja2 Documentation (2.8-dev)Jade - Template Engine{{ mustache }}Handlebars.js: Minimal Templating on Steroidscauses/scss-lintgulp-scss-lintgrunt-scss-lintpostcss/autoprefixerAutoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way | CSS-Tricksfmarcia/UglifyCSSjakubpawlowicz/clean-cssresults for sassTop Open-Source Static Site Generators - StaticGenoddbird/accoutrementericam/accoutrementThanks to this week's sponsor,  Oscar. Check out their website or call them at 1-844-OSCAR-55, and NYC open enrollment extension to sign up just got pushed to 12/20. And thanks to Mandrill. Use the code 5by5 to receive 50,000 free email sends per month for the first six months. And thanks to CITRIX GoToAssist. Sign up today for a 30-day free trial.

Front-end development has changed a lot. What used to be simple text in files is now a deep stack of robust engineering tools. Is this a good change? What advantages do the power tools provide, and what might we be giving up in exchange? Claudina Sarahe joins Jen Simmons to debate. Links for this episode:<ul><li><a href="http://oddbird.net/birds/" rel="nofollow" target="_blank">The Birds | OddBird</a> </li><li><a href="https://github.com/misscs" rel="nofollow" target="_blank">misscs (claudina sarahe)</a> </li><li><a href="https://twitter.com/itsmisscs" rel="nofollow" target="_blank">Claudina Sarahe (@itsmisscs) | Twitter</a> </li><li><a href="http://itsmisscs.me/" rel="nofollow" target="_blank">Claudina Sarahe's online log</a> </li><li><a href="http://vimeo.com/68470326" rel="nofollow" target="_blank">Webstock '13: Mike Monteiro - How Designers Destroyed the World on Vimeo</a> </li><li><a href="http://nodejs.org/download/" rel="nofollow" target="_blank">node.js</a> </li><li><a href="https://github.com/broccolijs/broccoli" rel="nofollow" target="_blank">broccolijs/broccoli</a> </li><li><a href="http://gulpjs.com/" rel="nofollow" target="_blank">gulp.js - the streaming build system</a> </li><li><a href="http://gruntjs.com/" rel="nofollow" target="_blank">Grunt: The JavaScript Task Runner</a> </li><li><a href="https://www.npmjs.com/package/bower" rel="nofollow" target="_blank">bower</a> </li><li><a href="http://jinja.pocoo.org/docs/dev/" rel="nofollow" target="_blank">Welcome to Jinja2 — Jinja2 Documentation (2.8-dev)</a> </li><li><a href="http://jade-lang.com/" rel="nofollow" target="_blank">Jade - Template Engine</a> </li><li><a href="http://mustache.github.io/" rel="nofollow" target="_blank">{{ mustache }}</a> </li><li><a href="http://handlebarsjs.com/" rel="nofollow" target="_blank">Handlebars.js: Minimal Templating on Steroids</a> </li><li><a href="https://github.com/causes/scss-lint" rel="nofollow" target="_blank">causes/scss-lint</a> </li><li><a href="https://www.npmjs.com/package/gulp-scss-lint" rel="nofollow" target="_blank">gulp-scss-lint</a> </li><li><a href="https://www.npmjs.com/package/grunt-scss-lint" rel="nofollow" target="_blank">grunt-scss-lint</a> </li><li><a href="https://github.com/postcss/autoprefixer" rel="nofollow" target="_blank">postcss/autoprefixer</a> </li><li><a href="http://css-tricks.com/autoprefixer/" rel="nofollow" target="_blank">Autoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way | CSS-Tricks</a> </li><li><a href="https://github.com/fmarcia/UglifyCSS" rel="nofollow" target="_blank">fmarcia/UglifyCSS</a> </li><li><a href="https://github.com/jakubpawlowicz/clean-css" rel="nofollow" target="_blank">jakubpawlowicz/clean-css</a> </li><li><a href="https://www.npmjs.com/search?q=sass" rel="nofollow" target="_blank">results for sass</a> </li><li><a href="https://www.staticgen.com/" rel="nofollow" target="_blank">Top Open-Source Static Site Generators - StaticGen</a> </li><li><a href="https://github.com/oddbird/accoutrement" rel="nofollow" target="_blank">oddbird/accoutrement</a> </li><li><a href="https://github.com/ericam/accoutrement" rel="nofollow" target="_blank">ericam/accoutrement</a> </li></ul>Thanks to this week's sponsor, <a href="http://hioscar.com/webahead" rel="nofollow" target="_blank"> Oscar</a>. Check out their website or call them at 1-844-OSCAR-55, and NYC open enrollment extension to sign up just got pushed to 12/20. And thanks to <a href="https://www.mandrill.com" rel="nofollow" target="_blank">Mandrill</a>. Use the code <code>5by5</code> to receive 50,000 free email sends per month for the first six months. And thanks to <a href="http://gotoassist.com/" rel="nofollow" target="_blank">CITRIX GoToAssist</a>. Sign up today for a 30-day free trial.

90: Engineering the Front with Claudina Sarahe

Derek Featherstone

What are some of the biggest challenges when it comes to making a website fully accessible? Keyboard access and form design can make some of the biggest differences, and present some of the biggest challenges. Derek Featherstone joins Jen Simmons to explain. Links for this episode:Simply Accessible - We’re web accessibility specialistsDerek Featherstone (feather) on TwitterAn Event Apart Speaker Profile: Derek Featherstone5by5 | The Web Ahead #64: Accessibility with Dale Cruse5by5 | The Web Ahead #69: WCAG and Accessibility with Luke McGrathWebAIM: Keyboard AccessibilityAccess key - Wikipedia, the free encyclopediaKeyboard-Only Navigation for Improved Accessibilitykeyboard Archives - Simply AccessibleBPOW: Including error messages in labels - Simply AccessibleThanks to lynda.com for sponsoring today's show. Get a free 7-day trial at lynda.com/webahead

What are some of the biggest challenges when it comes to making a website fully accessible? Keyboard access and form design can make some of the biggest differences, and present some of the biggest challenges. Derek Featherstone joins Jen Simmons to explain. Links for this episode:<ul><li><a href="http://simplyaccessible.com/" rel="nofollow" target="_blank">Simply Accessible - We’re web accessibility specialists</a> </li><li><a href="https://twitter.com/feather" rel="nofollow" target="_blank">Derek Featherstone (feather) on Twitter</a> </li><li><a href="http://aneventapart.com/speakers/derek-featherstone" rel="nofollow" target="_blank">An Event Apart Speaker Profile: Derek Featherstone</a> </li><li><a href="http://5by5.tv/webahead/64/" rel="nofollow" target="_blank">5by5 | The Web Ahead #64: Accessibility with Dale Cruse</a> </li><li><a href="http://5by5.tv/webahead/69/" rel="nofollow" target="_blank">5by5 | The Web Ahead #69: WCAG and Accessibility with Luke McGrath</a> </li><li><a href="http://webaim.org/techniques/keyboard/" rel="nofollow" target="_blank">WebAIM: Keyboard Accessibility</a> </li><li><a href="http://en.wikipedia.org/wiki/Access_key" rel="nofollow" target="_blank">Access key - Wikipedia, the free encyclopedia</a> </li><li><a href="http://www.nngroup.com/articles/keyboard-accessibility/" rel="nofollow" target="_blank">Keyboard-Only Navigation for Improved Accessibility</a> </li><li><a href="http://simplyaccessible.com/tags/keyboard/" rel="nofollow" target="_blank">keyboard Archives - Simply Accessible</a> </li><li><a href="http://simplyaccessible.com/bpow/error-messages-in-labels/" rel="nofollow" target="_blank">BPOW: Including error messages in labels - Simply Accessible</a> </li></ul>Thanks to <a href="http://lynda.com" rel="nofollow" target="_blank">lynda.com</a> for sponsoring today's show. Get a free 7-day trial at <a href="lynda.com/webahead" rel="nofollow" target="_blank">lynda.com/webahead</a>

77: Advanced Accessibility with Derek Featherstone

Kristin Ellington

Is the web industry moving away from waterfall projects and towards an agile-ish approach? Funny Garbage COO Kristin Ellington joins Jen Simmons to discuss how she structures client projects these days, and why waterfall isn't working anymore. Links for this episode:funnygarbage.comKristin Ellington (krs10ellington) on TwitterSchool of Visual Arts  &gt; Fine Arts and Graphic Design School in New York CityThe Win Without Pitching ManifestoThe Win Without Pitching Manifesto: Blair Enns, on Amazon.comJen Simmons (jensimmons) on TwitterThe Web Ahead (thewebahead) on TwitterVote for The Web Ahead for Podcast of the Year : The Net Awards 2014How we work | Journal | The Personal Disquiet of Mark BoultonThis week's episode of The Web Ahead is sponsored by:  FreshBooks (60-day free trial. Tell them you heard about it on The Web Ahead.) 

Is the web industry moving away from waterfall projects and towards an agile-ish approach? Funny Garbage COO Kristin Ellington joins Jen Simmons to discuss how she structures client projects these days, and why waterfall isn't working anymore. Links for this episode:<ul><li><a href="http://www.funnygarbage.com/" rel="nofollow" target="_blank">funnygarbage.com</a> </li><li><a href="https://twitter.com/krs10ellington" rel="nofollow" target="_blank">Kristin Ellington (krs10ellington) on Twitter</a> </li><li><a href="http://www.sva.edu/" rel="nofollow" target="_blank">School of Visual Arts  &gt; Fine Arts and Graphic Design School in New York City</a> </li><li><a href="http://www.winwithoutpitching.com/manifesto" rel="nofollow" target="_blank">The Win Without Pitching Manifesto</a> </li><li><a href="http://www.amazon.com/exec/obidos/ASIN/1605440043/5by5-20" rel="nofollow" target="_blank">The Win Without Pitching Manifesto: Blair Enns, on Amazon.com</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons (jensimmons) on Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead (thewebahead) on Twitter</a> </li><li><a href="https://thenetawards.com/vote/podcast/the-web-ahead/" rel="nofollow" target="_blank">Vote for The Web Ahead for Podcast of the Year : The Net Awards 2014</a> </li><li><a href="http://markboulton.co.uk/journal/how-we-work" rel="nofollow" target="_blank">How we work | Journal | The Personal Disquiet of Mark Boulton</a> </li></ul>This week's episode of The Web Ahead is sponsored by: <ul> <li><a href="http://www.freshbooks.com/special-offer/?ref=10266" rel="nofollow" target="_blank">FreshBooks</a> (60-day free trial. Tell them you heard about it on The Web Ahead.)</li> </ul>

62: Waterfall vs Agile with Kristin Ellington

Doug Schepers

SVG is one of several image formats for the web — one that has superpowers that the others don't. When would you want to use SVG &amp; what can you do with it? Doug Schepers joins Jen Simmons to tell all. Links for this episode:shepazu (Doug Schepers)Doug Schepers Profile PageLukeW | An Event Apart: SVG is for EverybodyUsing SVG | CSS-TricksResponsive IconsWebP - Wikipedia, the free encyclopediaGraphics Interchange Format - Wikipedia, the free encyclopediaJPEG - Wikipedia, the free encyclopediaScalable Vector Graphics - Wikipedia, the free encyclopediaReinventing FireW3C SVG Working GroupDoug Schepers (shepazu) on TwitterCan I use... Support tables for HTML5, CSS3, etcPicture element implementation in Blink | IndiegogoStandardista » Responsive Images: Clown Car TechniqueDraw Freely. | InkscapeBohemian Coding - Sketch 3Exporting SVG from Adobe Illustrator CC | Web Platform Team Blogsvg · svg · WPD · WebPlatform.org2048 (video game) - Wikipedia, the free encyclopediaWeb Open Font Format - Wikipedia, the free encyclopediaCan I use WOFFImproved SVG text support in Firefox Nightly • Cameron McCormack's blogTen reasons we switched from an icon font to SVG - Ian FeatherIcon System with SVG Sprites | CSS-TricksNounProjectIcoMoonCSS Link Hack in SVG « Reinventing Firefilamentgroup/grunticonSVG Glyphs in OpenTypeDoug Schepers - Invisible Visualization - YouTubeAnimating SVG with CSS — A CSS-Tricks TutorialInline SVG vs Icon Fonts — on CSS Tricks, by Chris CoyierThanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting. And to Squarespace. Use code JENSENTME4 for 10% off.

SVG is one of several image formats for the web — one that has superpowers that the others don't. When would you want to use SVG &amp; what can you do with it? Doug Schepers joins Jen Simmons to tell all. Links for this episode:<ul><li><a href="https://github.com/shepazu" rel="nofollow" target="_blank">shepazu (Doug Schepers)</a> </li><li><a href="http://www.w3.org/People/Schepers/" rel="nofollow" target="_blank">Doug Schepers Profile Page</a> </li><li><a href="http://www.lukew.com/ff/entry.asp?1859" rel="nofollow" target="_blank">LukeW | An Event Apart: SVG is for Everybody</a> </li><li><a href="http://css-tricks.com/using-svg/" rel="nofollow" target="_blank">Using SVG | CSS-Tricks</a> </li><li><a href="http://responsiveicons.co.uk/" rel="nofollow" target="_blank">Responsive Icons</a> </li><li><a href="http://en.wikipedia.org/wiki/WebP" rel="nofollow" target="_blank">WebP - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format" rel="nofollow" target="_blank">Graphics Interchange Format - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/JPEG" rel="nofollow" target="_blank">JPEG - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Svg" rel="nofollow" target="_blank">Scalable Vector Graphics - Wikipedia, the free encyclopedia</a> </li><li><a href="http://schepers.cc/" rel="nofollow" target="_blank">Reinventing Fire</a> </li><li><a href="http://www.w3.org/Graphics/SVG/" rel="nofollow" target="_blank">W3C SVG Working Group</a> </li><li><a href="https://twitter.com/shepazu" rel="nofollow" target="_blank">Doug Schepers (shepazu) on Twitter</a> </li><li><a href="http://caniuse.com/#search=svg" rel="nofollow" target="_blank">Can I use... Support tables for HTML5, CSS3, etc</a> </li><li><a href="https://www.indiegogo.com/projects/picture-element-implementation-in-blink#home" rel="nofollow" target="_blank">Picture element implementation in Blink | Indiegogo</a> </li><li><a href="http://www.standardista.com/responsive-images-clown-car-technique/" rel="nofollow" target="_blank">Standardista » Responsive Images: Clown Car Technique</a> </li><li><a href="http://www.inkscape.org/en/" rel="nofollow" target="_blank">Draw Freely. | Inkscape</a> </li><li><a href="http://bohemiancoding.com/sketch/" rel="nofollow" target="_blank">Bohemian Coding - Sketch 3</a> </li><li><a href="http://blogs.adobe.com/webplatform/2013/07/30/exporting-svg-from-adobe-illustrator-cc/" rel="nofollow" target="_blank">Exporting SVG from Adobe Illustrator CC | Web Platform Team Blog</a> </li><li><a href="http://docs.webplatform.org/wiki/svg" rel="nofollow" target="_blank">svg · svg · WPD · WebPlatform.org</a> </li><li><a href="http://en.wikipedia.org/wiki/2048_(video_game)" rel="nofollow" target="_blank">2048 (video game) - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Web_Open_Font_Format" rel="nofollow" target="_blank">Web Open Font Format - Wikipedia, the free encyclopedia</a> </li><li><a href="http://caniuse.com/woff" rel="nofollow" target="_blank">Can I use WOFF</a> </li><li><a href="http://mcc.id.au/blog/2013/07/firefox-svg-text-improvements" rel="nofollow" target="_blank">Improved SVG text support in Firefox Nightly • Cameron McCormack's blog</a> </li><li><a href="http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/" rel="nofollow" target="_blank">Ten reasons we switched from an icon font to SVG - Ian Feather</a> </li><li><a href="http://css-tricks.com/svg-sprites-use-better-icon-fonts/" rel="nofollow" target="_blank">Icon System with SVG Sprites | CSS-Tricks</a> </li><li><a href="http://thenounproject.com/" rel="nofollow" target="_blank">NounProject</a> </li><li><a href="http://icomoon.io/" rel="nofollow" target="_blank">IcoMoon</a> </li><li><a href="http://schepers.cc/css-link-hack-in-svg" rel="nofollow" target="_blank">CSS Link Hack in SVG « Reinventing Fire</a> </li><li><a href="https://github.com/filamentgroup/grunticon" rel="nofollow" target="_blank">filamentgroup/grunticon</a> </li><li><a href="http://dev.w3.org/SVG/modules/fonts/SVG-OpenType.html" rel="nofollow" target="_blank">SVG Glyphs in OpenType</a> </li><li><a href="https://www.youtube.com/watch?v=f4P6JsAKrDM" rel="nofollow" target="_blank">Doug Schepers - Invisible Visualization - YouTube</a> </li><li><a href="http://css-tricks.com/animating-svg-css/" rel="nofollow" target="_blank">Animating SVG with CSS — A CSS-Tricks Tutorial</a> </li><li><a href="http://css-tricks.com/icon-fonts-vs-svg/" rel="nofollow" target="_blank">Inline SVG vs Icon Fonts — on CSS Tricks, by Chris Coyier</a> </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting. And to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use code <code>JENSENTME4</code> for 10% off.

67: SVG with Doug Schepers

Luke McGrath

Walk through the Web Content Accessibility Guidelines (WCAG) 2.0 with Luke McGrath and Jen Simmons. Links for this episode:Wuhcag | Make your website accessible the easy wayWeb Content Accessibility Guidelines (WCAG) 2.0The Web Ahead - Transcripts We Have So FarLuke McGrath (lukejmcgrath) on TwitterJen Simmons (jensimmons) on TwitterThe Web Ahead (thewebahead) on TwitterThanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting. And to Squarespace. Use code JENSENTME4 for 10% off.

Walk through the Web Content Accessibility Guidelines (WCAG) 2.0 with Luke McGrath and Jen Simmons. Links for this episode:<ul><li><a href="http://www.wuhcag.com/" rel="nofollow" target="_blank">Wuhcag | Make your website accessible the easy way</a> </li><li><a href="http://www.w3.org/TR/WCAG20/" rel="nofollow" target="_blank">Web Content Accessibility Guidelines (WCAG) 2.0</a> </li><li><a href="http://transcripts.webahead.info/" rel="nofollow" target="_blank">The Web Ahead - Transcripts We Have So Far</a> </li><li><a href="https://twitter.com/lukejmcgrath" rel="nofollow" target="_blank">Luke McGrath (lukejmcgrath) on Twitter</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons (jensimmons) on Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead (thewebahead) on Twitter</a> </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting. And to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use code <code>JENSENTME4</code> for 10% off.

69: WCAG and Accessibility with Luke McGrath

Anna Debenham

Style guides, once the exclusive domain of print designers, are finding their way onto the web. Built out of HTML and CSS, such style guides are handy tools for the design process, for maintaining sites over time, and for making collaboration across teams much easier. Anna Debenham joins Jen Simmons to explain. Links for this episode:Anna Debenham: Freelance Front-End Developer based in the UKAnna's book: Front-end Style Guides5by5 | The Web Ahead #38: Game Console Browsers with Anna DebenhamAnna's collection of Front end style guides and pattern libraries collected in Gimme BarDesign in the browser with web fonts and real content - TypecastMacaw: The Code-Savvy Web Design ToolFront-end Style Guides — 24 waysStyle TilesPattern Lab | Build Atomic Design SystemsCode for AmericaCode For America | Clearleft · Our workCode for America Style GuideStarbuck's Style GuideJeremy Keith's Pattern Primer on GitHubA Maintainable Style Guide — Ian Featherclearleft/crateBarebones - An initial directory setup, style guide and pattern primerpaulrobertlloyd/barebonesStyle Guide | Drupal.orgAnna Debenham (anna_debenham) on TwitterThe Web Ahead (thewebahead) on TwitterJen Simmons (jensimmons) on TwitterThanks to O'Reilly's Velocity Conference for sponsoring the show. See below for info about the ticket contest. Use code JENSENTME for 20% off event prices.  And to Media Temple. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting. And to Squarespace. Use code JENSENTME for 10% off.

Style guides, once the exclusive domain of print designers, are finding their way onto the web. Built out of HTML and CSS, such style guides are handy tools for the design process, for maintaining sites over time, and for making collaboration across teams much easier. Anna Debenham joins Jen Simmons to explain. Links for this episode:<ul><li><a href="http://www.maban.co.uk/" rel="nofollow" target="_blank">Anna Debenham: Freelance Front-End Developer based in the UK</a> </li><li><a href="http://www.maban.co.uk/projects/front-end-style-guides/" rel="nofollow" target="_blank">Anna's book: Front-end Style Guides</a> </li><li><a href="http://5by5.tv/webahead/38" rel="nofollow" target="_blank">5by5 | The Web Ahead #38: Game Console Browsers with Anna Debenham</a> </li><li><a href="https://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides-and-pattern-libraries" rel="nofollow" target="_blank">Anna's collection of Front end style guides and pattern libraries collected in Gimme Bar</a> </li><li><a href="http://typecast.com/" rel="nofollow" target="_blank">Design in the browser with web fonts and real content - Typecast</a> </li><li><a href="http://macaw.co/" rel="nofollow" target="_blank">Macaw: The Code-Savvy Web Design Tool</a> </li><li><a href="http://24ways.org/2011/front-end-style-guides/" rel="nofollow" target="_blank">Front-end Style Guides — 24 ways</a> </li><li><a href="http://styletil.es" rel="nofollow" target="_blank">Style Tiles</a> </li><li><a href="http://patternlab.io/" rel="nofollow" target="_blank">Pattern Lab | Build Atomic Design Systems</a> </li><li><a href="http://www.codeforamerica.org/" rel="nofollow" target="_blank">Code for America</a> </li><li><a href="http://clearleft.com/made/code-for-america" rel="nofollow" target="_blank">Code For America | Clearleft · Our work</a> </li><li><a href="http://codeforamerica.clearleft.com/" rel="nofollow" target="_blank">Code for America Style Guide</a> </li><li><a href="http://www.starbucks.com/static/reference/styleguide/" rel="nofollow" target="_blank">Starbuck's Style Guide</a> </li><li><a href="https://github.com/adactio/Pattern-Primer" rel="nofollow" target="_blank">Jeremy Keith's Pattern Primer on GitHub</a> </li><li><a href="http://ianfeather.co.uk/a-maintainable-style-guide/" rel="nofollow" target="_blank">A Maintainable Style Guide — Ian Feather</a> </li><li><a href="https://github.com/clearleft/crate" rel="nofollow" target="_blank">clearleft/crate</a> </li><li><a href="http://barebones.paulrobertlloyd.com/" rel="nofollow" target="_blank">Barebones - An initial directory setup, style guide and pattern primer</a> </li><li><a href="https://github.com/paulrobertlloyd/barebones" rel="nofollow" target="_blank">paulrobertlloyd/barebones</a> </li><li><a href="https://drupal.org/project/styleguide" rel="nofollow" target="_blank">Style Guide | Drupal.org</a> </li><li><a href="https://twitter.com/anna_debenham" rel="nofollow" target="_blank">Anna Debenham (anna_debenham) on Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead (thewebahead) on Twitter</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons (jensimmons) on Twitter</a> </li></ul>Thanks to O'Reilly's Velocity Conference for sponsoring the show. See below for info about the ticket contest. Use code <code>JENSENTME</code> for <a href="http://velocityconf.com/velocity2014" rel="nofollow" target="_blank">20% off</a> event prices. And to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a>. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting. And to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use code <code>JENSENTME</code> for 10% off.

72: Style Guides with Anna Debenham

Peter Ferko

This week has been declared "Geek Mental Health Week" by Andy Clark. He asked us at The Web Ahead to participate, so I invited yogi Peter Ferko to talk about ways to find contentment, balance, and sanity in a world that can be painful or overwhelming. Links for this episode:Announcing Geek Mental Help Week — Stuff &amp; Nonsense, And All That MalarkeyMental Help WeekPeter Ferko's websitePeter Ferko (@peterferko) | TwitterAmazon.com: Cheri Huber: Books, Biography, Blog, Audiobooks, KindleCheri Huber - Zen Student, Teacher, WriterThe Depression Book: Depression as an Opportunity for Spiritual Growth Revised | Keep It SimpleThe Fear Book: Facing Fear Once and For All | Keep It SimpleThere Is Nothing Wrong With You: Going Beyond Self-Hate Revised -Cheri Huber | Keep It SimpleThe Work of Byron Katie :: HomepageWhat Happens To Our Brains When We Exercise And How It Makes Us Happier | Fast Company | Business + InnovationJen Simmons (@jensimmons) | TwitterThe Web Ahead (@thewebahead) | TwitterThanks to this week's sponsor, CITRIX GoToAssist. Use promo code GotToAssist3030 before Oct 31 to save 30%-off. Start managing your company’s IT support team more efficiently today. Thanks to Squarespace. Check out the new Mandrill, transactional email from the folks at Mailchimp.

This week has been declared "Geek Mental Health Week" by Andy Clark. He asked us at The Web Ahead to participate, so I invited yogi Peter Ferko to talk about ways to find contentment, balance, and sanity in a world that can be painful or overwhelming. Links for this episode:<ul><li><a href="http://stuffandnonsense.co.uk/blog/about/announcing-geek-mental-help-week" rel="nofollow" target="_blank">Announcing Geek Mental Help Week — Stuff &amp; Nonsense, And All That Malarkey</a> </li><li><a href="http://geekmentalhelp.com/" rel="nofollow" target="_blank">Mental Help Week</a> </li><li><a href="http://www.peterferko.com/wordpress/" rel="nofollow" target="_blank">Peter Ferko's website</a> </li><li><a href="https://twitter.com/peterferko" rel="nofollow" target="_blank">Peter Ferko (@peterferko) | Twitter</a> </li><li><a href="http://www.amazon.com/Cheri-Huber/e/B000APUHLM" rel="nofollow" target="_blank">Amazon.com: Cheri Huber: Books, Biography, Blog, Audiobooks, Kindle</a> </li><li><a href="http://www.cherihuber.com/" rel="nofollow" target="_blank">Cheri Huber - Zen Student, Teacher, Writer</a> </li><li><a href="http://keepitsimple.org/product/the-depression-book-depression-as-an-opportunity-for-spiritual-growth-revised/" rel="nofollow" target="_blank">The Depression Book: Depression as an Opportunity for Spiritual Growth Revised | Keep It Simple</a> </li><li><a href="http://keepitsimple.org/product/the-fear-book-facing-fear-once-and-for-all-cheri-huber/" rel="nofollow" target="_blank">The Fear Book: Facing Fear Once and For All | Keep It Simple</a> </li><li><a href="http://keepitsimple.org/product/there-is-nothing-wrong-with-you-going-beyond-self-hate-revised-cheri-huber/" rel="nofollow" target="_blank">There Is Nothing Wrong With You: Going Beyond Self-Hate Revised -Cheri Huber | Keep It Simple</a> </li><li><a href="http://www.thework.com/index.php" rel="nofollow" target="_blank">The Work of Byron Katie :: Homepage</a> </li><li><a href="http://www.fastcompany.com/3025957/work-smart/what-happens-to-our-brains-when-we-exercise-and-how-it-makes-us-happier" rel="nofollow" target="_blank">What Happens To Our Brains When We Exercise And How It Makes Us Happier | Fast Company | Business + Innovation</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons (@jensimmons) | Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead (@thewebahead) | Twitter</a> </li></ul>Thanks to this week's sponsor, <a href="http://gotoassist.com/" rel="nofollow" target="_blank">CITRIX GoToAssist</a>. Use promo code <code>GotToAssist3030</code> before Oct 31 to save 30%-off. Start managing your company’s IT support team more efficiently today. Thanks to <a href="http://squarespace.com/" rel="nofollow" target="_blank">Squarespace</a>. Check out the new <a href="http://squarespace.com/seven&gt;Squarespace 7&lt;/a&gt; at squarespace.com/seven. For a free trial and 10%-off, use the code &lt;code&gt;JENSENTME&lt;/code&gt;. And thanks to &lt;a href=" rel="nofollow" target="_blank">Mandrill</a>, transactional email from the folks at Mailchimp.

88: Staying Sane with Peter Ferko

Chris Coyier

What's new in CSS? Chris Coyier joins Jen Simmons to talk about flexbox, grids, regions, shapes, and the future of layout on the web. Links for this episode:Chris Coyier - web craftsman, blogger, author, speakerCSS-TricksCodePenCodePen Radio#125: How To Stay Up To Date With Web Technology | CSS-TricksWeb Platform Daily DigestAutoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way | CSS-TricksA Complete Guide to Flexbox | CSS-TricksAll the cool stuff on CSS Tricks about FlexboxThere's a lot.  Can I use... flexbox?Can I use... CSS grid?CSS Grid Layout Module Level 1Chrome Platform - Google ChromeA page Jen coded using flexbox. Vote for The Web Ahead as The Net Awards 2014 Podcast of the Year iTunes - Podcasts - The Web Ahead by 5by5Review the show in iTunes. Thanks. Thanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting.

What's new in CSS? Chris Coyier joins Jen Simmons to talk about flexbox, grids, regions, shapes, and the future of layout on the web. Links for this episode:<ul><li><a href="http://chriscoyier.net/" rel="nofollow" target="_blank">Chris Coyier - web craftsman, blogger, author, speaker</a> </li><li><a href="http://css-tricks.com/" rel="nofollow" target="_blank">CSS-Tricks</a> </li><li><a href="http://codepen.io/" rel="nofollow" target="_blank">CodePen</a> </li><li><a href="http://blog.codepen.io/radio/" rel="nofollow" target="_blank">CodePen Radio</a> </li><li><a href="http://css-tricks.com/video-screencasts/125-how-to-stay-up-to-date-with-web-technology/" rel="nofollow" target="_blank">#125: How To Stay Up To Date With Web Technology | CSS-Tricks</a> </li><li><a href="http://webplatformdaily.org/" rel="nofollow" target="_blank">Web Platform Daily Digest</a> </li><li><a href="http://css-tricks.com/autoprefixer/" rel="nofollow" target="_blank">Autoprefixer: A Postprocessor for Dealing with Vendor Prefixes in the Best Possible Way | CSS-Tricks</a> </li><li><a href="http://css-tricks.com/snippets/css/a-guide-to-flexbox/" rel="nofollow" target="_blank">A Complete Guide to Flexbox | CSS-Tricks</a> </li><li><a href="https://www.google.com/search?q=site%3Acss-tricks.com+flexbox&amp;oq=site%3Acss-tricks.com+flexbox" rel="nofollow" target="_blank">All the cool stuff on CSS Tricks about Flexbox</a> There's a lot. </li><li><a href="http://caniuse.com/#feat=flexbox" rel="nofollow" target="_blank">Can I use... flexbox?</a> </li><li><a href="http://caniuse.com/#feat=css-grid" rel="nofollow" target="_blank">Can I use... CSS grid?</a> </li><li><a href="http://dev.w3.org/csswg/css-grid/" rel="nofollow" target="_blank">CSS Grid Layout Module Level 1</a> </li><li><a href="https://developer.chrome.com/home/platform-pillar" rel="nofollow" target="_blank">Chrome Platform - Google Chrome</a> A page Jen coded using flexbox. </li><li><a href="https://thenetawards.com/vote/podcast/the-web-ahead/" rel="nofollow" target="_blank">Vote for The Web Ahead as The Net Awards 2014 Podcast of the Year </a> </li><li><a href="https://itunes.apple.com/us/podcast/the-web-ahead/id464936442?mt=2&amp;uo=4&amp;at=11laDR&amp;uo=4&amp;at=11laDR&amp;uo=4&amp;at=11laDR" rel="nofollow" target="_blank">iTunes - Podcasts - The Web Ahead by 5by5</a> Review the show in iTunes. Thanks. </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting.

63: The Latest in CSS with Chris Coyier

Scott Jehl

It's clear that responsive web design is the way to build a website in today's crazy world of mobile devices, but what's the best way to do so? How can you create a responsive site that's fast and snappy? Scott Jehl joins Jen Simmons to tell us about the latest in how to do RWD right. Links for this episode:Responsible Responsive Design by Scott Jehl, at A Book Apart"How we make RWD sites load fast as heck", Filament GroupOpen-Source Projects by Filament GroupArticles by Filament Groupfilamentgroup/criticalCSSLEGO ShopScott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USAScott Jehl (@scottjehl) | TwitterThanks to this week's sponsor,  Casper. Use the code WEBAHEAD for $50 off. And thanks to Mandrill. Use the code 5by5 to receive 50,000 free email sends per month for the first six months. And thanks to CITRIX GoToAssist. Sign up today for a 30-day free trial.

It's clear that responsive web design is the way to build a website in today's crazy world of mobile devices, but what's the best way to do so? How can you create a responsive site that's fast and snappy? Scott Jehl joins Jen Simmons to tell us about the latest in how to do RWD right. Links for this episode:<ul><li><a href="http://www.abookapart.com/products/responsible-responsive-design" rel="nofollow" target="_blank">Responsible Responsive Design by Scott Jehl, at A Book Apart</a> </li><li><a href="http://www.filamentgroup.com/lab/performance-rwd.html" rel="nofollow" target="_blank">"How we make RWD sites load fast as heck", Filament Group</a> </li><li><a href="http://www.filamentgroup.com/code/" rel="nofollow" target="_blank">Open-Source Projects by Filament Group</a> </li><li><a href="http://www.filamentgroup.com/lab/" rel="nofollow" target="_blank">Articles by Filament Group</a> </li><li><a href="https://github.com/filamentgroup/criticalCSS" rel="nofollow" target="_blank">filamentgroup/criticalCSS</a> </li><li><a href="http://shop.lego.com/en-US/" rel="nofollow" target="_blank">LEGO Shop</a> </li><li><a href="http://scottjehl.com/" rel="nofollow" target="_blank">Scott Jehl, Web Designer/Developer, Seagrove Beach, Florida, USA</a> </li><li><a href="https://twitter.com/scottjehl" rel="nofollow" target="_blank">Scott Jehl (@scottjehl) | Twitter</a> </li></ul>Thanks to this week's sponsor, <a href="https://casper.com/webahead" rel="nofollow" target="_blank"> Casper</a>. Use the code <code>WEBAHEAD</code> for $50 off. And thanks to <a href="https://www.mandrill.com" rel="nofollow" target="_blank">Mandrill</a>. Use the code <code>5by5</code> to receive 50,000 free email sends per month for the first six months. And thanks to <a href="http://gotoassist.com/" rel="nofollow" target="_blank">CITRIX GoToAssist</a>. Sign up today for a 30-day free trial.

89: Responding Responsibly with Scott Jehl

Dale Cruse

What's the deal with accessibility and why should we care? How do we make our websites accessible? Dale Cruse joins Jen Simmons to discuss what it takes to make a website for everyone. Links for this episode:Dale Cruse (dalecruse) on TwitterDale Cruse - South Boston, MA, McGraw Hill Education, Ball State University | about.meWeb Content Accessibility Guidelines - Wikipedia, the free encyclopediaWeb Content Accessibility Guidelines (WCAG) 2.0ARIA - Accessibility | MDNTim Cook Soundly Rejects Politics of the NCPPR, Suggests Group Sell Apple's Stock - The Mac Observer"When we work on making our devices accessible by the blind, I don't consider the bloody ROI." — Tim Cook The Bradley: A Timepiece Designed to Touch and See by Eone Timepieces — KickstarterEone – Designed for everyoneWCAG Contrast checker :: Add-ons for FirefoxOne of many tools out there, and example of a browser plugin that can help you test for accessibility. This one checks color contrast in Firefox.  Wuhcag | Make your website accessible the easy wayA book that walks us through WCAG2.0 and explains what to consider and do. Adaptive Web DesignA basic book on progressive enhancement.  Designing with Progressive EnhancementA more advanced book on progressive enhancement. Starts basic, and provides more information in a longer book. Thanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting.

What's the deal with accessibility and why should we care? How do we make our websites accessible? Dale Cruse joins Jen Simmons to discuss what it takes to make a website for everyone. Links for this episode:<ul><li><a href="https://twitter.com/dalecruse" rel="nofollow" target="_blank">Dale Cruse (dalecruse) on Twitter</a> </li><li><a href="http://about.me/dalejcruse" rel="nofollow" target="_blank">Dale Cruse - South Boston, MA, McGraw Hill Education, Ball State University | about.me</a> </li><li><a href="http://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines" rel="nofollow" target="_blank">Web Content Accessibility Guidelines - Wikipedia, the free encyclopedia</a> </li><li><a href="http://www.w3.org/TR/WCAG20/" rel="nofollow" target="_blank">Web Content Accessibility Guidelines (WCAG) 2.0</a> </li><li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA" rel="nofollow" target="_blank">ARIA - Accessibility | MDN</a> </li><li><a href="http://www.macobserver.com/tmo/article/tim-cook-soundly-rejects-politics-of-the-ncppr-suggests-group-sell-apples-s" rel="nofollow" target="_blank">Tim Cook Soundly Rejects Politics of the NCPPR, Suggests Group Sell Apple's Stock - The Mac Observer</a> "When we work on making our devices accessible by the blind, I don't consider the bloody ROI." — Tim Cook </li><li><a href="https://www.kickstarter.com/projects/eone/the-bradley-a-timepiece-designed-to-touch-and-see" rel="nofollow" target="_blank">The Bradley: A Timepiece Designed to Touch and See by Eone Timepieces — Kickstarter</a> </li><li><a href="http://eone-time.com/" rel="nofollow" target="_blank">Eone – Designed for everyone</a> </li><li><a href="https://addons.mozilla.org/en-us/firefox/addon/wcag-contrast-checker/" rel="nofollow" target="_blank">WCAG Contrast checker :: Add-ons for Firefox</a> One of many tools out there, and example of a browser plugin that can help you test for accessibility. This one checks color contrast in Firefox. </li><li><a href="http://www.wuhcag.com/" rel="nofollow" target="_blank">Wuhcag | Make your website accessible the easy way</a> A book that walks us through WCAG2.0 and explains what to consider and do. </li><li><a href="http://easy-readers.net/books/adaptive-web-design/" rel="nofollow" target="_blank">Adaptive Web Design</a> A basic book on progressive enhancement. </li><li><a href="http://filamentgroup.com/dwpe/" rel="nofollow" target="_blank">Designing with Progressive Enhancement</a> A more advanced book on progressive enhancement. Starts basic, and provides more information in a longer book. </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting.

64: Accessibility with Dale Cruse

Gerry McGovern

As soon as you have many people chiming in on the direction of a website, you get disagreements, conflicting idea, and turf wars. What about what customers want? Gerry McGovern has developed a specific step-by-step methodology for identifying what matters to your customers, focusing effort on those things, and objectively testing the performance of those tasks. Helpful and well-gathered data can quickly end debates and focus a team. Gerry joins Jen Simmons to walk through the process. Thanks to Media Temple for sponsoring this episode. Use coupon code TWA to get 25% off their web hosting.

As soon as you have many people chiming in on the direction of a website, you get disagreements, conflicting idea, and turf wars. What about what customers want? Gerry McGovern has developed a specific step-by-step methodology for identifying what matters to your customers, focusing effort on those things, and objectively testing the performance of those tasks. Helpful and well-gathered data can quickly end debates and focus a team. Gerry joins Jen Simmons to walk through the process. Thanks to <a href="https://mediatemple.net/?utm_source=TheWebAhead&amp;utm_medium=podcast&amp;utm_campaign=TWA" rel="nofollow" target="_blank">Media Temple</a> for sponsoring this episode. Use coupon code <code>TWA</code> to get 25% off their web hosting.

106: Focusing on Customer Top Tasks with Gerry McGovern

Dan Noyes

The web was invented at CERN 25 years ago. To mark the anniversary, the web team at CERN has been working on a number of projects, restoring the original website, recreating the first two browsers, and documenting the history of the early web. Dan Noyes joins Jen Simmons to tell all about it. Links for this episode:CERN | Celebrating 60 years of science for peaceBlog | Restoring the first websiteWorld Wide Web born at CERN 25 years ago | CERNhttp://info.cern.chAbout this project | Restoring the first websiteThe birth of the web | CERNInternet Archive: Wayback MachineJim Boulton (jim_boulton) | TwitterLine Mode Browser 2013The World Wide Web projectAdactio: Journal—CERN and the line-mode browsercern-hackdays/lmbMeyrin: CERN Terminal Font « optional.is/requiredlmb/font at master · cern-hackdays/lmbServicing the first web server - Tim Berners-Lee's NeXT - CERN Document Server Jen Simmons presenting at jQuery UK 2014 (video)Particle Fever - Unravel the mysteries of the Large Hadron ColliderCollider – this exhibition is now on international tourMemento: Adding Time to the WebAccessing the line mode browser with 1960s tech | Restoring the first websiteRemy where the web was born | Flickr - Photo Sharing!info.cern.ch (@thefirstwebsite) | TwitterThanks to this week's sponsor: CITRIX GoToAssist. Start managing your company’s IT support team more efficiently today.

The web was invented at CERN 25 years ago. To mark the anniversary, the web team at CERN has been working on a number of projects, restoring the original website, recreating the first two browsers, and documenting the history of the early web. Dan Noyes joins Jen Simmons to tell all about it. Links for this episode:<ul><li><a href="http://home.web.cern.ch/" rel="nofollow" target="_blank">CERN | Celebrating 60 years of science for peace</a> </li><li><a href="http://first-website.web.cern.ch/blog" rel="nofollow" target="_blank">Blog | Restoring the first website</a> </li><li><a href="http://home.web.cern.ch/about/updates/2014/03/world-wide-web-born-cern-25-years-ago" rel="nofollow" target="_blank">World Wide Web born at CERN 25 years ago | CERN</a> </li><li><a href="http://info.cern.ch/" rel="nofollow" target="_blank">http://info.cern.ch</a> </li><li><a href="http://first-website.web.cern.ch/" rel="nofollow" target="_blank">About this project | Restoring the first website</a> </li><li><a href="http://home.web.cern.ch/topics/birth-web" rel="nofollow" target="_blank">The birth of the web | CERN</a> </li><li><a href="https://archive.org/web/" rel="nofollow" target="_blank">Internet Archive: Wayback Machine</a> </li><li><a href="https://twitter.com/jim_boulton" rel="nofollow" target="_blank">Jim Boulton (jim_boulton) | Twitter</a> </li><li><a href="http://line-mode.cern.ch/" rel="nofollow" target="_blank">Line Mode Browser 2013</a> </li><li><a href="http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html" rel="nofollow" target="_blank">The World Wide Web project</a> </li><li><a href="https://adactio.com/journal/6507" rel="nofollow" target="_blank">Adactio: Journal—CERN and the line-mode browser</a> </li><li><a href="https://github.com/cern-hackdays/lmb/" rel="nofollow" target="_blank">cern-hackdays/lmb</a> </li><li><a href="http://optional.is/required/2014/03/26/meyrin-cern-terminal-font/" rel="nofollow" target="_blank">Meyrin: CERN Terminal Font « optional.is/required</a> </li><li><a href="https://github.com/cern-hackdays/lmb/tree/master/font" rel="nofollow" target="_blank">lmb/font at master · cern-hackdays/lmb</a> </li><li><a href="https://cds.cern.ch/record/1547556" rel="nofollow" target="_blank">Servicing the first web server - Tim Berners-Lee's NeXT - CERN Document Server</a> </li><li><a href="http://vimeo.com/97723667" rel="nofollow" target="_blank"> Jen Simmons presenting at jQuery UK 2014 (video)</a> </li><li><a href="http://particlefever.com/" rel="nofollow" target="_blank">Particle Fever - Unravel the mysteries of the Large Hadron Collider</a> </li><li><a href="http://www.sciencemuseum.org.uk/visitmuseum/Plan_your_visit/exhibitions/collider.aspx" rel="nofollow" target="_blank">Collider – this exhibition is now on international tour</a> </li><li><a href="http://www.mementoweb.org/" rel="nofollow" target="_blank">Memento: Adding Time to the Web</a> </li><li><a href="http://first-website.web.cern.ch/blog/accessing-line-mode-browser-1960s-tech" rel="nofollow" target="_blank">Accessing the line mode browser with 1960s tech | Restoring the first website</a> </li><li><a href="http://www.flickr.com/photos/adactio/9808814005/in/photostream/" rel="nofollow" target="_blank">Remy where the web was born | Flickr - Photo Sharing!</a> </li><li><a href="https://twitter.com/thefirstwebsite" rel="nofollow" target="_blank">info.cern.ch (@thefirstwebsite) | Twitter</a> </li></ul>Thanks to this week's sponsor: <a href="http://GoToAssist.com" rel="nofollow" target="_blank">CITRIX GoToAssist</a>. Start managing your company’s IT support team more efficiently today.

85: Relaunching The Early Web with Dan Noyes

Trent Walton

Web projects have gotten very complex in the last few years, but the hardest part isn't the technology — it's the humanity. The success or failure of big projects is contingent on leadership, vision and planning. Trent Walton joins Jen Simmons to tell tales of working on the microsoft.com homepage and other big projects — sharing what can go right and what can go wrong. He also talks about reviving the original 1994 version of microsoft.com, and the importance of archiving the web. Links for this episode:Trent Walton | Trent Walton's Web SiteTrent Walton (TrentWalton) on TwitterParavelLost World’s FairsMicrosoft – ParavelRainypixels: The Story of the New Microsoft.comWeightshift — AboutWelcome to MicrosoftThrowback Thursday: Microsoft.com, among the earliest commercial websites, has been on the Web for 20 years | The Fire HoseWeb Archeology - daverupert.comMSHP 1994 | Trent WaltonSpace Jam1994 Microsoft.comPassionate civic technologists committed to a better world. | CivicActionsThanks to Squarespace for supporting the show. Use code JENSENTME for 10% off any purchase.

Web projects have gotten very complex in the last few years, but the hardest part isn't the technology — it's the humanity. The success or failure of big projects is contingent on leadership, vision and planning. Trent Walton joins Jen Simmons to tell tales of working on the <a href="http://microsoft.com" rel="nofollow" target="_blank">microsoft.com</a> homepage and other big projects — sharing what can go right and what can go wrong. He also talks about reviving the original 1994 version of <a href="http://microsoft.com" rel="nofollow" target="_blank">microsoft.com</a>, and the importance of archiving the web. Links for this episode:<ul><li><a href="http://trentwalton.com/" rel="nofollow" target="_blank">Trent Walton | Trent Walton's Web Site</a> </li><li><a href="https://twitter.com/trentwalton" rel="nofollow" target="_blank">Trent Walton (TrentWalton) on Twitter</a> </li><li><a href="http://paravelinc.com/" rel="nofollow" target="_blank">Paravel</a> </li><li><a href="http://lostworldsfairs.com/" rel="nofollow" target="_blank">Lost World’s Fairs</a> </li><li><a href="http://paravelinc.com/work/microsoft.php" rel="nofollow" target="_blank">Microsoft – Paravel</a> </li><li><a href="http://rainypixels.com/words/the-story-of-the-new-microsoft-com/" rel="nofollow" target="_blank">Rainypixels: The Story of the New Microsoft.com</a> </li><li><a href="http://weightshift.com/about/" rel="nofollow" target="_blank">Weightshift — About</a> </li><li><a href="http://www.microsoft.com/en-us/discover/1994/" rel="nofollow" target="_blank">Welcome to Microsoft</a> </li><li><a href="http://blogs.microsoft.com/firehose/2014/08/07/throwback-thursday-microsoft-com-among-the-earliest-commercial-websites-has-been-on-the-web-for-20-years/" rel="nofollow" target="_blank">Throwback Thursday: Microsoft.com, among the earliest commercial websites, has been on the Web for 20 years | The Fire Hose</a> </li><li><a href="http://daverupert.com/2014/08/web-archeology/" rel="nofollow" target="_blank">Web Archeology - daverupert.com</a> </li><li><a href="http://trentwalton.com/2014/08/11/mshp-1994/" rel="nofollow" target="_blank">MSHP 1994 | Trent Walton</a> </li><li><a href="http://www2.warnerbros.com/spacejam/movie/jam.htm" rel="nofollow" target="_blank">Space Jam</a> </li><li><a href="http://www.microsoft.com/en-us/discover/1994/readme.html" rel="nofollow" target="_blank">1994 Microsoft.com</a> </li><li><a href="http://www.civicactions.com/" rel="nofollow" target="_blank">Passionate civic technologists committed to a better world. | CivicActions</a> </li></ul>Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for supporting the show. Use code <code>JENSENTME</code> for 10% off any purchase.

80: The Complexity and the Humanity with Trent Walton

Manu Sporny

This week, Apple announced Apple Pay — a new system for making payments using iOS devices. What about the web? What work is being done to make sending payments across the web much easier? Manu Sporny joins Jen Simmons to talk about payments, banking, identity, privacy, business models, web standards, and much more. Links for this episode:The Internet's Original Sin - The AtlanticKen Doctor: Guardian Space &amp; Guardian Membership, playing the physical/digital continuumApple PayStripe's support of Apple Payripple.comweb-payments.orgWeb Payments Community GroupIdentity Credentials SpecificationNASCAR ProblemManu Sporny on TwitterThe Web Ahead on TwitterJen Simmons on TwitterThanks to Squarespace for supporting the show. Use code JENSENTME for 10% off any purchase.

This week, Apple announced Apple Pay — a new system for making payments using iOS devices. What about the web? What work is being done to make sending payments across the web much easier? Manu Sporny joins Jen Simmons to talk about payments, banking, identity, privacy, business models, web standards, and much more. Links for this episode:<ul><li><a href="http://www.theatlantic.com/technology/archive/2014/08/advertising-is-the-internets-original-sin/376041/?single_page=true" rel="nofollow" target="_blank">The Internet's Original Sin - The Atlantic</a> </li><li><a href="http://www.niemanlab.org/2014/09/ken-doctor-guardian-space-guardian-membership-playing-the-physicaldigital-continuum/" rel="nofollow" target="_blank">Ken Doctor: Guardian Space &amp; Guardian Membership, playing the physical/digital continuum</a> </li><li><a href="http://www.apple.com/apple-pay/" rel="nofollow" target="_blank">Apple Pay</a> </li><li><a href="https://stripe.com/apple-pay" rel="nofollow" target="_blank">Stripe's support of Apple Pay</a> </li><li><a href="https://ripple.com" rel="nofollow" target="_blank">ripple.com</a> </li><li><a href="https://web-payments.org" rel="nofollow" target="_blank">web-payments.org</a> </li><li><a href="http://www.w3.org/community/webpayments/" rel="nofollow" target="_blank">Web Payments Community Group</a> </li><li><a href="https://web-payments.org/specs/source/identity-credentials/" rel="nofollow" target="_blank">Identity Credentials Specification</a> </li><li><a href="http://indiewebcamp.com/NASCAR_problem" rel="nofollow" target="_blank">NASCAR Problem</a> </li><li><a href="https://twitter.com/manusporny" rel="nofollow" target="_blank">Manu Sporny on Twitter</a> </li><li><a href="https://twitter.com/thewebahead" rel="nofollow" target="_blank">The Web Ahead on Twitter</a> </li><li><a href="https://twitter.com/jensimmons" rel="nofollow" target="_blank">Jen Simmons on Twitter</a> </li></ul>Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for supporting the show. Use code <code>JENSENTME</code> for 10% off any purchase.

82: Paying on the Web with Manu Sporny

The best podcasts about ourselves as well as the world through the lense of Science. Specific topics include things about our brain, emotions to biology, physics and more!

Best Episodes on Science, Humans & The World

The best podcast episodes on parenting. Interviewing experts and talking through common issues surrounding parenting. This topic is filled with important lessons and insights for anyone listening. Add episodes you're interested into your queue below!