Creative Coding to Boost your Skills

Original: https://codingcat.dev/podcast/2-10-creative-coding-to-boost-your-skills

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Creative Coding to Boost your Skills **is a CodingCat.dev podcast episode featuring Jhey Tompkins alongside Brittney Postma focused on CSS, Builder.io, GitHub. Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. Can you go more into what a polyglot is and what tools you work with?
2. Do you have a favorite tool?
3. What does your process look like for tackling a problem?
4. What do you think makes you want to create tooling around your process?
5. What is your background?
6. How did you get started making whimsical codepens?
7. Where do you get your ideas?
8. How do you keep track of your ideas?
9. What was the origination of the Jhey Bear?
10. You have had some pretty big clients along the way and some awesome projects, can you talk about any of them?
11. How do you go about getting clients?

Technical Overview: Creative Coding to Boost your Skills

2.10 - Creative Coding to Boost your Skills: Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills. https://codingcat.dev/podcast/2-10-creative-coding-to-boost-your-skills Sponsors

https://Builder.io

Empower your entire team to visually create and optimize high-speed experiences on your sites an, jay tompkins sits down with brittany while i'm away on vacation and they talk all about tools for vector graphics trello clones and canvas welcome back peeps to perfect.dev where we give you cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postmon this episode is sponsored by builder io visually built on your tech stack welcome back to perfect.dev today...

In the recorded walkthrough, the session covers: We give cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postmon this episode is sponsored by builder io visually built on your tech stack welcome back to perfect.dev today we have jay tompkins with us hey jay how's it going how doing thanks for having me on doing great glad to have i've been wanting to get this scheduled for a while so i'm excited to do.

Continuing deeper into the implementation details: If you're listening so alex is on his way back from florida on another vacation so jealous but we're gonna get through this and we're gonna talk about some fun stuff today with creative coding to boost your skills yeah i'm sorry for playing hard to get 2021 was a tough year absolutely it was so tough for everyone and everybody's got their own story but i'm just glad we got through it right and.

When applying the concepts from Creative Coding to Boost your Skills in a production codebase, teams working with CSS, Builder.io, GitHub should align their implementation with the MDN CSS Reference (Modern layout, Grid, Flexbox, animations, and cascade layers). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

Key Engineering Takeaways

• **Core Topic Focus: **Practical strategies for CSS, Builder.io, GitHub covered in "Creative Coding to Boost your Skills" (Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills.).
• **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official MDN CSS Reference for type safety, performance, and long-term maintainability.
• **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Creative Coding to Boost your Skills) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Creative Coding to Boost your Skills on YouTube using the timestamped chapters below:

• 00:00: PM (EST)
• 00:00: Intro
• 00:00: Jhey Intro
• 00:00: What is a polyglot?
• 00:00: What is your favorite framework?
• 00:00: What do you use for vector graphics?
• 00:00: What is your process for problem solving?
• 00:00: Tooling and building what you need
• 00:00: Builder.io Ad
• 00:00: https://github.com/jh3y/whirl
• 00:00: How did you get your start with whimsical CSS?
• 00:00: Where do you get your ideas?
• 00:00: What do you use to keep track of your ideas?
• 00:00: Your next SASS
• 00:00: Where did the bear come from?
• 00:00: What are some of your big projects?
• 00:00: Egghead.io
• 00:00: How do you get clients?
• 00:00: Everything is a box
• 00:00: CSS Animation in 2020 - https://jh3y.gumroad.com/l/move-things-with-css

Resources, Links & Official Documentation

• *Watch on YouTube: *Creative Coding to Boost your Skills Full Video (plus Subscribe to CodingCat.dev)
• *builder.io: *https://Builder.io
• *:20: *https://github.com/jh3y/whirl
• *:30 - CSS Animation in 2020: *https://jh3y.gumroad.com/l/move-things-with-css
• *Show Pick: *Learn with Jason - Whimsical SVG Animations using GSAP (picked by Brittney Postma)
• *Show Pick: *Accelerating Svelte's Development (picked by Brittney Postma)
• *Show Pick: *Muzli Browser Extension (picked by Jhey Tompkins)
• *Show Pick: *TickTime Pomodoro Timer (picked by Jhey Tompkins)
• Jhey Tompkins Guest Profile & Episodes on CodingCat.dev
• Episode Sponsor: Builder.io
• MDN CSS Reference: Modern layout, Grid, Flexbox, animations, and cascade layers
• Builder.io Developer Documentation: Visual headless CMS, SDKs, and design-to-code workflows
• GitHub Documentation: Pull requests, GitHub Actions CI/CD, and repository security

Related CodingCat.dev Tutorials & Podcast Episodes

• Open Source Svelte Magic: Melting Minds through Melt UI!: Thomas teaches Brittney and Alex how to use Melt and how Runes can be used to improve builders.
• Creating and Using Kendo UI: We have Alyssa Nicoll and Kathryn Grayson from Progress teach us all about KendoUI and how they maintain this frontend library.
• Building Connections for the Underrepresented: We chat with Pariss Athena and Nick DeJesus about building Black Tech Pipeline. How Black Tech Pipeline is building connections for the underrepresented.

Frequently Asked Questions (FAQ)

What are the main takeaways from Creative Coding to Boost your Skills?

Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills. 2.10 - Creative Coding to Boost your Skills: Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills. https://codingcat.dev/podcast/2-10-creative-coding-to-boost-your-skills Sponsors

https://Builder.io

Empower your entire team to visually create and optimize high-speed experiences on your sites an, jay tompkins sits down with brittany while i'm away on vacation and they talk all about tools for vector graphics trello clones and canvas welcome back peeps to perfect.dev where we give you cats the freshest dose of dev snacks now with your amazing hosts alex patterson and brittany postmon this episode is sponsored by builder io visually built on your tech stack welcome back to perfect.dev today... Throughout this podcast, Jhey Tompkins breaks down real-world implementation details for CSS, Builder.io, GitHub so developers can apply these patterns directly in production.

How do you implement CSS best practices in production?

When adopting CSS and Builder.io in a production stack, start by validating your configuration against the MDN CSS Reference (Modern layout, Grid, Flexbox, animations, and cascade layers). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full Creative Coding to Boost your Skills walkthrough and find related code resources?

You can watch the complete video session for Creative Coding to Boost your Skills on the CodingCat.dev YouTube channel. For a deeper dive into CSS, check out our related guide: Open Source Svelte Magic: Melting Minds through Melt UI!.