Wes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, <a href= "http://Sentry.io">Sentry.io</a>, and the innovative realm of JavaScript plugins with his creation, GuideGuide. Cameron explores plugin building, iterating on the iconic Octocat for GitHub, and shedding light on the multifaceted roles of a creative director. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:06">01:06</a> Who is Cameron McEfee?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=03:00">03:00</a> What does a Creative Director do?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=09:47">09:47</a> In a creative and collaborative field, how do you deal with hurt feelings?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=12:32">12:32</a> Experiences at GitHub (404/500 pages).</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=15:35">15:35</a> Who is responsible for all the Octocat variations?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://octodex.github.com/">GitHub Octodex</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=17:18">17:18</a> Did you ever get in trouble for using famous IP?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=21:07">21:07</a> Working at <a href= "www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=25:08">25:08</a> What is your illustration process?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=27:04">27:04</a> What is GuideGuide?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://guideguide.me/">GuideGuide</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://github.com/no-context/moo">Moo Tokenizer/Lexer</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=33:13">33:13</a> Grid Notation.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=36:10">36:10</a> Can ‘good colors’ be calculated, can good design be math’d?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=40:46">40:46</a> What was the process of building your own plugin?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=43:37">43:37</a> Adding guides with JavaScript APIs.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=44:44">44:44</a> Recreating application UIs within plugins.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href= "https://goodhertz.com/canopener-studio/">GoodHertz</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=50:22">50:22</a> How are you architecting these plugins?</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <a href="#t=52:44">52:44</a> Sick Picks & Shameless Plugs.</li> </ul> <a id="Sick_Picks_26"></a>Sick Picks <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> Cameron:</li> </ul> <ul> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://ember.com/">Ember Mug</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://open.spotify.com/artist/3QaxveoTiMetZCMp1sftiu">Waterparks Spotify</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href="https://www.executeprogram.com/">Execute Program</a></li> </ul> <a id="Shameless_Plugs_33"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="35" data-line-end="37"> Cameron: <a href= "https://guideguide.me/landing?utm_campaign=interview&utm_source=syntax&promo=syntax"> GuideGuide 50% off</a></li> </ul> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

743: JavaScript Figma Plugins & Working at GitHub With Cameron McEfee

Syntax - Tasty Web Development Treats