Steph Monette's guest appearances

Steph Monette

Design Details

Kevin Clark

Ryan Putnam

Alice Lee

Bob Baxley

Dan Mall

Diana Mounter

Julie Zhuo

Mark Otto

Kristy Tillman

Elle Luna

Katie Dill

Khoi Vinh

Braden Kowitz

Vanessa Cho

Erika Hall

OwlTail

Liam Campbell

For our 50th episode we sat down with Steph Monette and Liam Campbell, developers at Mule Design, to chat about CSS, startups versus agencies and the state of tech in San Francisco. If you missed it, we recently announced Spec, a new podcast network for designers and developers! We hope you'll check it out and follow @specfm on Twitter for new shows and updates! If you have feedback or suggestions please don’t hesitate to reach out to us on Twitter at @designdetailsfm! Sponsors:  Dropbox Iconfinder - use the promo code 'ROBOT' to save 50% off your first month of Iconfinder Pro  Steph on the Web:  Website GitHub Medium Twitter  Liam on the Web:  Website GitHub Twitter Dear Design Student  Show Notes: 3:00 - NPR 5:00 - Introductions  Team Sketch Mule Design Mike Monteiro  6:00 - What are you working on?  National Audubon Society The Seattle Times Andrew Norcross Reaktiv Studios Norcross on Developer Tea pt. 1 Norcross on Developer Tea pt. 2 General Assembly Mike Monteiro  12:00 - Hyphens vs. Underscores  Sass Hampton Catlin Functional CSS Brent Jackson Jon Gold murmurs Pesticide Griddle Stop Pushing the Web Forward CodePen CSS Blend Modes  26:00 - Startup culture  Dropbox Code School Iconfinder Dear Design Student  51:00 - What are you excited about?  The Grid Ben Bayard Rubber Duck Debugging

<p>For our 50th episode we sat down with Steph Monette and Liam Campbell, developers at Mule Design, to chat about CSS, startups versus agencies and the state of tech in San Francisco.</p> <p>If you missed it, we recently announced <a href="http://spec.fm" rel="nofollow" target="_blank">Spec</a>, a new podcast network for designers and developers! We hope you'll check it out and follow <a href="https://twitter.com/specfm" rel="nofollow" target="_blank">@specfm</a> on Twitter for new shows and updates!</p> <p>If you have feedback or suggestions please don’t hesitate to reach out to us on Twitter at <a href="https://twitter.com/designdetailsfm" rel="nofollow" target="_blank">@designdetailsfm</a>!</p> <h5>Sponsors:</h5> <ul> <li><a href="http://dropbox.com" rel="nofollow" target="_blank">Dropbox</a></li> <li><a href="http://iconfinder.com" rel="nofollow" target="_blank">Iconfinder</a> - use the promo code 'ROBOT' to save 50% off your first month of Iconfinder Pro</li> </ul> <h5>Steph on the Web:</h5> <ul> <li><a href="http://www.stephmonette.com/" rel="nofollow" target="_blank">Website</a></li> <li><a href="https://github.com/smonette" rel="nofollow" target="_blank">GitHub</a></li> <li><a href="https://medium.com/@steph_monette" rel="nofollow" target="_blank">Medium</a></li> <li><a href="https://twitter.com/steph_monette" rel="nofollow" target="_blank">Twitter</a></li> </ul> <h5>Liam on the Web:</h5> <ul> <li><a href="http://thecampbellog.com/" rel="nofollow" target="_blank">Website</a></li> <li><a href="https://github.com/liamdanger" rel="nofollow" target="_blank">GitHub</a></li> <li><a href="https://twitter.com/liamdanger" rel="nofollow" target="_blank">Twitter</a></li> <li><a href="https://deardesignstudent.com/" rel="nofollow" target="_blank">Dear Design Student</a></li> </ul> <h5>Show Notes:</h5> <p><strong>3:00</strong> - NPR</p> <p><strong>5:00</strong> - Introductions</p> <ul> <li><a href="http://teamsketch.io/" rel="nofollow" target="_blank">Team Sketch</a></li> <li><a href="http://muledesign.com/" rel="nofollow" target="_blank">Mule Design</a></li> <li><a href="https://twitter.com/monteiro" rel="nofollow" target="_blank">Mike Monteiro</a></li> </ul> <p><strong>6:00</strong> - What are you working on?</p> <ul> <li><a href="http://www.audubon.org/" rel="nofollow" target="_blank">National Audubon Society</a></li> <li><a href="http://www.seattletimes.com/" rel="nofollow" target="_blank">The Seattle Times</a></li> <li><a href="http://andrewnorcross.com/" rel="nofollow" target="_blank">Andrew Norcross</a></li> <li><a href="http://reaktivstudios.com/" rel="nofollow" target="_blank">Reaktiv Studios</a></li> <li><a href="http://spec.fm/show/developer-tea/12861" rel="nofollow" target="_blank">Norcross on Developer Tea pt. 1</a></li> <li><a href="http://spec.fm/show/developer-tea/12960" rel="nofollow" target="_blank">Norcross on Developer Tea pt. 2</a></li> <li><a href="https://generalassemb.ly/" rel="nofollow" target="_blank">General Assembly</a></li> <li><a href="https://twitter.com/monteiro" rel="nofollow" target="_blank">Mike Monteiro</a></li> </ul> <p><strong>12:00</strong> - Hyphens vs. Underscores</p> <ul> <li><a href="http://sass-lang.com/" rel="nofollow" target="_blank">Sass</a></li> <li><a href="http://www.hamptoncatlin.com/" rel="nofollow" target="_blank">Hampton Catlin</a></li> <li><a href="http://www.jon.gold/2015/07/functional-css/" rel="nofollow" target="_blank">Functional CSS</a></li> <li><a href="https://twitter.com/jxnblk" rel="nofollow" target="_blank">Brent Jackson</a></li> <li><a href="https://twitter.com/jongold" rel="nofollow" target="_blank">Jon Gold</a></li> <li><a href="https://twitter.com/mrmrs_" rel="nofollow" target="_blank">murmurs</a></li> <li><a href="https://github.com/mrmrs/pesticide" rel="nofollow" target="_blank">Pesticide</a></li> <li><a href="https://github.com/necolas/griddle" rel="nofollow" target="_blank">Griddle</a></li> <li><a href="http://www.quirksmode.org/blog/archives/2015/07/stop_pushing_th.html" rel="nofollow" target="_blank">Stop Pushing the Web Forward</a></li> <li><a href="http://codepen.io/" rel="nofollow" target="_blank">CodePen</a></li> <li><a href="https://css-tricks.com/basics-css-blend-modes/" rel="nofollow" target="_blank">CSS Blend Modes</a></li> </ul> <p><strong>26:00</strong> - Startup culture</p> <ul> <li><a href="https://www.dropbox.com/" rel="nofollow" target="_blank">Dropbox</a></li> <li><a href="https://www.codeschool.com/designdetails" rel="nofollow" target="_blank">Code School</a></li> <li><a href="https://www.iconfinder.com/" rel="nofollow" target="_blank">Iconfinder</a></li> <li><a href="https://deardesignstudent.com/" rel="nofollow" target="_blank">Dear Design Student</a></li> </ul> <p><strong>51:00</strong> - What are you excited about?</p> <ul> <li><a href="https://thegrid.io/" rel="nofollow" target="_blank">The Grid</a></li> <li><a href="https://twitter.com/partyfists" rel="nofollow" target="_blank">Ben Bayard</a></li> <li><a href="https://en.wikipedia.org/wiki/Rubber_duck_debugging" rel="nofollow" target="_blank">Rubber Duck Debugging</a></li></ul>

50: #FF00FF (feat. Steph Monette and Liam Campbell)