Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

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

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

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. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <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> <h3 class="code-line" data-line-start="26" data-line-end="27"> <a id="Sick_Picks_26"></a>Sick Picks</h3> <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> <h3 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33"></a>Shameless Plugs</h3> <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> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials!</h3> 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>

Wes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, Sentry.io, 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.
 Show Notes  00:00 Welcome to Syntax!
 01:06 Who is Cameron McEfee?
 03:00 What does a Creative Director do?
 09:47 In a creative and collaborative field, how do you deal with hurt feelings?
 12:32 Experiences at GitHub (404/500 pages).
 15:35 Who is responsible for all the Octocat variations?
 GitHub Octodex

 17:18 Did you ever get in trouble for using famous IP?
 21:07 Working at Sentry.io.
 25:08 What is your illustration process?
 27:04 What is GuideGuide?
 GuideGuide

 Moo Tokenizer/Lexer

 33:13 Grid Notation.
 36:10 Can ‘good colors’ be calculated, can good design be math’d?
 40:46 What was the process of building your own plugin?
 43:37 Adding guides with JavaScript APIs.
 44:44 Recreating application UIs within plugins.
 GoodHertz

 50:22 How are you architecting these plugins?
 52:44 Sick Picks & Shameless Plugs.
  Sick Picks  Cameron:
  Ember Mug

 Waterparks Spotify

 Execute Program

  Shameless Plugs  Cameron: GuideGuide 50% off

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

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

Poslechněte si podcast