Thunder Nerds

Jason Pamental

Variable Fonts and the Future of Typography

For centuries, typography has shaped the way we ‘hear’ what we read. In our web work, though, we’ve have to balance our typographic desires with user experience and performance, knowing that every weight, width, or style of a typeface required a different file download. Variable fonts change that, as they include _every_ width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. Now, beautiful web typography can be crafted to respond to screen size, language setting, even ambient light. In a detail-packed hour, Jason will show you not just how far the new capabilities can take us, but how to make use of them right away.

* An Event Apart Orlando 2018: https://aneventapart.com/speakers/jason-pamental

* Website: https://rwt.io/

* Twitter: https://twitter.com/jpamental

* Github: https://github.com/jpamental

* Codepen: http://codepen.io/jpamental

* Instagram: https://instagram.com/jpamental

* LinkedIn: https://www.linkedin.com/in/jpamental

Transcript: http://thundernerds.s3.amazonaws.com/aneventapart2018/_transcripts/jason-pamental.txt

Val Head

Building More Expressive Products

The products we design today must connect with customers across different screen sizes, contexts, and even voice or chat interfaces. As such, we create emotional expressiveness in our products not only through visual design and language choices, but also through design details such as how interface elements move, or the way they sound. By using every tool at our disposal, including audio and animation, we can create more expressive products that feel cohesive across all of today’s diverse media and social contexts. In this session, Val will show how to harness the design details from different media to build overarching themes—themes that persist across all screen sizes and user and interface contexts, creating a bigger emotional impact and connection with your audience.

* An Event Apart Orlando 2018: https://aneventapart.com/speakers/val-head

* Website: http://valhead.com/

* Twitter: https://twitter.com/vlh

 

Transcript: http://thundernerds.s3.amazonaws.com/aneventapart2018/_transcripts/val-head.txt

Rachel Andrew

Graduating to Grid

When CSS Grid Layout shipped into multiple browsers in the Spring of 2017 it heralded the dawn of a new way to do layout on the web. Now that the excitement of launch has passed, Rachel Andrew will take a look at what went right or wrong in these first few months, and offer help to those struggling to transition away from legacy methods. In a practical, example-packed hour, Rachel will help give you the confidence and practical skills to fully embrace Grid layout. We’ll compare common framework patterns to new Grid code, and learn how to create a workflow that is right up to date—a workflow grounded in new CSS, yet able to care for old browsers and ensure a good experience for their users.

* An Event Apart Orlando 2018: https://aneventapart.com/speakers/rachel-andrew

* Website: http://rachelandrew.co.uk/

* Twitter: https://twitter.com/rachelandrew

* Github: https://github.com/rachelandrew

* Instagram: https://instagram.com/rachelandrewuk

* LinkedIn: https://www.linkedin.com/in/rachelandrew

Transcript: http://thundernerds.s3.amazonaws.com/aneventapart2018/_transcripts/rachel-andrew.txt

We can not thank An Event Apart enough for the opportunity to be part of the conference, honestly!

This was such an amazing experience that we will treasure always. The speakers were absolutely awesome, and so giving with their time. We got a ton of great content, and had the best time doing it.

An Event Apart Orlando: Special Edition is a three-day conference with 18 sessions and an intense focus on digital design, UX, content, code, and more. You’ll go home with fresh tip and takeaways, raring to put what you’ve learned to immediate use! And joining us in Orlando for the first time will be the crew from the Thundernerds podcast (“a conversation with the people behind the technology that love what they do”) to talk with folks at the show. All this, and the magic of being at Walt Disney World. You won’t want to miss it!

https://aneventapart.com/event/orlando-2018

Episodes on October 8th:

* Rachel Andrew: https://www.thundernerds.io/2018/10/rachel-andrew-an-event-apart-orlando-2018/

* Val Head: https://www.thundernerds.io/2018/10/val-head-an-event-apart-orlando-2018/

* Jason Pamental: https://www.thundernerds.io/2018/10/jason-pamental-an-event-apart-orlando-2018/

Episodes on October 9th:

* Brad Frost: https://www.thundernerds.io/2018/10/brad-frost-an-event-apart-orlando-2018/

* Dan Mall: https://www.thundernerds.io/2018/10/dan-mall-an-event-apart-orlando-2018/

* Jen Simmons: https://www.thundernerds.io/2018/10/jen-simmons-an-event-apart-orlando-2018/

* Josh Clark: https://www.thundernerds.io/2018/10/josh-clark-an-event-apart-orlando-2018/

* Trent Walton: https://www.thundernerds.io/2018/10/trent-walton-an-event-apart-orlando-2018/

* Una Kravets: https://www.thundernerds.io/2018/10/una-kravets-an-event-apart-orlando-2018/

Episodes on October 10th:

* Derek Featherstone: https://www.thundernerds.io/2018/10/derek-featherstone-an-event-apart-orlando-2018/

* Eric Meyer: https://www.thundernerds.io/2018/10/eric-meyer-an-event-apart-orlando-2018/

Transcript: http://thundernerds.s3.amazonaws.com/aneventapart2018/_transcripts/intro.txt

In this episode we get to speak with the founder & CMO at Big Sea, Andi Graham. We talk with Andi about her professional beginnings, and what brought her from Wisconsin to the Sunshine state. We then discuss her Marketing career and what inspired her to pursue it. Then we dive into the genesis of Big Sea, and get to know the company.

Episode Sponsor https://pantheon.io

Show Links

* We’re going to be LIVE at An Event Apart Orlando. We will be interviewing some of the speakers and talking to guests at the conference. Use code… AEANERDS, good for $100 off any 2- or 3-day pass. https://aneventapart.com/event/orlando-2018

* Guest: Andi Graham

* Twitter: https://twitter.com/andigrahambsd

* LinkedIn: https://www.linkedin.com/in/andi-graham/

* Big Sea: https://bigsea.co/

* Peter Kuhn: https://bigsea.co/team/peter-kuhn/

* The Web Animation Community with Adam Kuhn: https://www.thundernerds.io/2018/07/the-web-animation-community-with-adam-kuhn/

* Happycog: https://www.happycog.com/

* Cameron Moll: https://cameronmoll.carrd.co/

* Tim Ferrisss: https://tim.blog/podcast/

* Adobe acquisition of Marketo? https://techcrunch.com/2018/09/20/adobe-gets-its-company-snaring-marketo-for-4-75-billion/

* HubSpot Gravity Forms Plugin: https://wordpress.org/plugins/gravityforms-hubspot/

* Girl Develop It: https://www.girldevelopit.com/

Connect with us

* Review the Podcast

* Support us on Patreon

* Subscribe on YouTube

* Subscribe on iTunes

In this episode we get to speak with Jamison Dance: Code Whisperer,  Experienced Product Engineer, and Senior Technical Expert at Walmart Labs. We talk about how Jamison got his start in the industry, and how he got to where he is today. We chat about his podcast, Soft Skills Engineering, and some of the topics they cover. Then we dive into the React Rally,  Jamison’s community tech conference in Salt Lake City.

Show Links

* We’re going to be LIVE at An Event Apart Orlando. We will be interviewing some of the speakers and talking to guests at the conference.

* https://aneventapart.com/event/orlando-2018

* Use code… AEANERDS, good for $100 off any 2- or 3-day pass.

* Guest:  Jamison Dance

* Twitter: https://twitter.com/jergason

* LinkedIn: https://www.linkedin.com/in/jamisondance/

* Website: https://jamison.dance

* Walmart Labs https://www.walmartlabs.com/

* Fivestack: https://fivestack.computer/

* Co-host the Soft Skills Engineering podcast: https://softskills.audio/

* React Rally: https://www.reactrally.com/

* Running React Rally: https://jamison.dance/10-28-2016/running-a-tech-conference

* Elm: http://elm-lang.org/

* React.js Conf 2016 – Jamison Dance – Rethinking All Practices: Building Applications in Elm: https://youtu.be/txxKx_I39a8

* Shoptalkshow 329: https://shoptalkshow.com/episodes/329-dan-mall-building-portfolio/

* Designing a Design Team, with Andy Vitale: https://www.thundernerds.io/2018/02/designing-a-design-team-with-andy-vitale/

Connect with us

* Review the Podcast

* Support us on Patreon

* Subscribe on YouTube

* Subscribe on iTunes

In this episode we get to speak with Iheanyi Ekechukwu: Senior Software Engineer at GitHub, Co-founder & Developer of Interface Lovers, and Founder of Seeker. We get to chat about Iheanyi’s day-to-day at GitHub, and what he’s working on lately. We also discuss details of Interface Lovers and the specifics of how people are leveraging Seeker.

Show Links

* Guest: Iheanyi Ekechukwu

* Twitter: https://twitter.com/kwuchu

* Website: https://iheanyi.com/

* Co-hosting of Two Black Nerds: http://www.twoblacknerds.com/

* Interface Lovers: https://interfacelovers.com/

* Interface Mixes: https://interfacelovers.com/mixes

* GitHub illustrator for Iheanyi https://twitter.com/flowerveil

* Seeker: https://seeker.company/

* Strange Loop: https://www.thestrangeloop.com/

* Fashion meets Tech: https://peopleofcolorintech.com/front/fashion-meets-tech-software-engineer-iheanyi/

* An interview with Two Black Nerds: https://modelviewculture.com/pieces/an-interview-with-two-black-nerds

In this episode we get to speak with the “magniglorious” Kyle Shevlin: instructor, musician, host of the secondCareerDevs podcast, Senior JavaScript Engineer, and Pastor turned programmer. We discuss his personal career path and how he’s leveraging his experience to help others on their journey.

Episode Sponsor

https://pantheon.io – Everything your business needs for digital speed and agility.

An Event Apart

https://aneventapart.com/event/orlando-2018 – Use code… AEANERDS, good for $100 off any 2- or 3-day pass.

Show Links

* Guest: Kyle Shevlin

* Kyle on Twitch: https://www.twitch.tv/kyleshevlin

* Kyle on Twitter: https://twitter.com/kyleshevlin

* Kyle on Github: https://github.com/kyleshevlin

* Kyle’s Blog: https://kyleshevlin.com/

* Kyle on Youtube: https://youtube.com/kyleshevlin

* Kyle’s LinkedIn: https://www.linkedin.com/in/kyleshevlin/

* Second Career Devs Podcast:

* https://secondcareerdevs.com/

* Michael Chan: https://secondcareerdevs.com/episodes/michael-chan

* Musician: https://open.spotify.com/album/2EgNgF6ugGzxQO03xkPx1F?si=agVdjYghS7KSO5dMCnGGYQ

* From Pastor to Programmer: https://medium.com/@kyleshevlin/from-pastor-to-programmer-29393b07112e

* Kyle Shevlin News: https://buttondown.email/kyleshevlin

* Designing Your Life by Bill Burnett and Dave Evans: https://www.amazon.com/Designing-Your-Life-Well-Lived-Joyful/dp/1101875321

* The Subtle Art of Not Giving a F*ck: A Counterintuitive Approach to Living a Good Life by Mark Manson: https://www.amazon.com/Subtle-Art-Not-Giving-Counterintuitive/dp/0062457713

In this episode we get to talk with Marie Mosley: Community and Support superstar at CodePen. We discuss some of the stigma around HTML and CSS, and the psychology behind it. We talk about the value of the Codepen community. We also dive into Marie’s day-to-day at CodePen.

Episode Sponsor

* https://pantheon.io

* Everything your business needs for digital speed and agility.

Show Links

* Our guest: Marie Mosley

* https://aneventapart.com/event/orlando-2018

* Use code… AEANERDS, good for $100 off any 2- or 3-day pass.

* CodePen: https://codepen.io/mariemosley/

* Twitter: https://twitter.com/MMosley

* Codepen Radio: https://blog.codepen.io/radio/

* http://www.codeitpretty.com

* https://keyframe.rs/

* Html5doctor: http://html5doctor.com/

* Practical SVG: https://abookapart.com/products/practical-svg

* Frontapp: https://frontapp.com/

* CodePen Spectrum: https://spectrum.chat/codepen

* Podcasts Marie listens too:

* http://www.rupaulpodcast.com/

* https://chapotraphouse.com/

* http://emilypost.com/awesome-etiquette-podcast/

* Help Scout Blog

* https://www.helpscout.net/blog/

* https://www.intercom.com/blog/

Connect with us

* Review the Podcast

* Support us on Patreon

* Subscribe on YouTube

* Subscribe on iTunes

In this episode we get to talk with David Khourshid: front-end developer, tech author, international speaker, open-source contributor, co-host of the @keyframers, and pianist. We speak with David about how he got his start in the industry as a musician that fell in love with web development. We discuss his pens, and how he has been making some of the most notable animations on Codepen. Then we chat all about @KeyFramers, his weekly animated collaborative coding live stream.

Episode Sponsor

Pantheon.io

Everything your business needs for digital speed and agility.

Show Links

* Guest: David Khourshid

* David’s Twitter: https://twitter.com/DavidKPiano

* David’s  LinkedIn: https://www.linkedin.com/in/david-khourshid-760055125/

* David’s CodePen: https://codepen.io/davidkpiano/

* David’s Github: https://github.com/davidkpiano

* the @keyframers

* https://twitter.com/keyframers

* https://www.twitch.tv/keyframers

* https://www.youtube.com/keyframers

* https://www.patreon.com/keyframers

* https://keyframe.rs/

* DevFest florida in 2017:  https://youtu.be/ulxg0bS5Nn4

* MDN Web Docs: https://developer.mozilla.org/en-US/

* Codepen House: https://codepen.io/davidkpiano/pen/xLKBpM

* Meshi the CSS dog: https://codepen.io/davidkpiano/pen/kkpGWj

* Tympanus: https://tympanus.net/Tutorials/AnimatedAnimals/index2.html

* Galshir:

* https://galshir.com/

* https://dribbble.com/galshir/tags/animation

* Secret Bezier Curve: cubic-bezier(0.5, 0, 0.5, 1);

* React Rally

* https://www.reactrally.com/

* Live Stream: https://www.reactrally.com/stream

* D3 & React by Shirley Wu: http://sxywu.com/react-d3/#/intro