developer tools

In this supper club episode of Syntax, Wes and Scott talk with Colby Fayock about Cloudinary’s new AI tools, media flow, removing backgrounds, using AI for video templates, and Colby’s stack for creating YouTube content.

Show Notes

• 00:36 Welcome
• 01:11 Who is Colby Fayock?
• ColbyFayock.com
• Colby Fayock (@colbyfayock)on Twitter
• ColbyFayock - Twitch
• colbyfayock on GitHub
• Colby Fayock (@colbyfayock) • Instagram
• 01:57 What is Cloudinary?
• Image and Video Upload, Storage, Optimization and CDN
• 03:03 What’s with the space jellyfish?
• 03:52 How is Cloudinary using AI for the web?
• Developer resources for using images and videos in your apps
• 09:54 What is media flow?
• 13:00 Who is the target audience for AI tools from Cloudinary?
• 17:03 Removing backgrounds
• Remove Background from Image for Free – remove.bg
• iPhone Messages stickers: How to make and use them - 9to5Mac
• 21:14 Cloudinary’s Video API
• ascorbic/unpic-img: Multi-framework responsive image component
• 22:44 Function calling in OpenAI
• 26:22 How do you deal with the random generation of AI?
• 29:00 What are the community SDKs for Cloudinary?
• 37:04 What’s your process for creating content for YouTube?
• 42:49 Supper Club Questions
• Open Broadcaster Software | OBS
• Facecam Pro – Elgato
• Recut — Automatic Video Editor
• Night Owl - Visual Studio Marketplace
• iTerm2 - macOS Terminal Replacement
• Oh My Zsh - a delightful & open source framework for Zsh
• 51:40 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

• Ready To Drink Cold Brew Coffee | Trader Joe’s

Shameless Plugs

• Colby Fayock on YouTube

Tweet us your tasty treats

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky

In this supper club episode of Syntax, Wes and Scott talk with Matt Rothenberg and Idan Gazit from GitHub about GitHub Next, Copilot, AI based projects at Github, and what the future is for developers with AI.

Show Notes

• 00:38 Welcome
• 01:23 Who are Matt and Idan?
• Matt Rothenberg
• @mattrothenberg
• Matt Rothenberg on CodePen
• Matt Rothenberg on GitHub)
• Idan Gazit
• @idangazit
• Idan Gazit vis.social
• Idan Gazit on GitHub
• 02:22 What’s the history of GitHub Next?
• GitHub Copilot · Your AI pair programmer
• ChatGPT | OpenAI
• 05:18 How do you come up with new ideas?
• 06:37 Did GitHub Copilot blow up fast?
• 13:18 Do we need powerful models for all situations?
• 16:40 How does Copilot know my codebase?
• Inside GitHub: Working with the LLMs behind GitHub Copilot | The GitHub Blog
• 21:34 What’s Copilot X?
• Introducing GitHub Copilot X
• 24:57 What is it like to have a hit like Copilot?
• 31:27 What is the future for developers due to AI?
• 35:11 What other AI based projects are you working on?
• 42:10 Are there any flops from GitHub Next?
• 46:59 How do you think about Code Brushes?
• GitHub Next | Code Brushes
• 48:46 Supper Club questions
• Breeze | Afternoon Labs
• Introduction - The Rust on ESP Book
• Recursive Sans & Mono
• Bearded Theme - Visual Studio Marketplace
• Zed - Code at the speed of thought
• Warp: The terminal for the 21st century
• 59:16 SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

• GitHub Next
• githubnext/githubnext: A public point of contact for GitHub Next
• Ariakit - Toolkit for building accessible UIs
• Liveblocks | Collaborative experiences in days, not months

Tweet us your tasty treats

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky

Sometimes, the frontier is at a crypto conference. One of the most prestige being, ETHDenver! We’re back with a handful of exclusive interviews with some of the most fascinating minds in crypto. 

Wish you could make it to all the crypto conferences, but don't have the time? Don't worry, Bankless brings the frontier to you.

In this episode, we’re talking to Sergey Gorbunov about the purpose of the Interoperability Summit at ETHDenver, the interoperable frontier, the differences between the Axelar and Cosmos and so much more. 

------
📣 RhinoFi | Makes DeFi Frictionless 
https://bankless.cc/rhino  

------
🚀 JOIN BANKLESS PREMIUM: 
https://newsletter.banklesshq.com/subscribe 

------
BANKLESS SPONSOR TOOLS: 

⚖️ ARBITRUM | SCALING ETHEREUM
https://bankless.cc/Arbitrum 

🐙KRAKEN | MOST-TRUSTED CRYPTO EXCHANGE
https://bankless.cc/kraken 

🦄UNISWAP | ON-CHAIN MARKETPLACE
https://bankless.cc/uniswap 

👻 PHANTOM | #1 SOLANA WALLET
https://bankless.cc/phantom-waitlist 

🦊METAMASK LEARN | HELPFUL WEB3 RESOURCE
https://bankless.cc/MetaMask 

🚁 EARNIFI | CLAIM YOUR UNCLAIMED AIRDROPS
https://bankless.cc/earnifi   

------
Timestamps:

0:00 Intro
4:33 Interoperability Summit Vibe
5:20 Communities Represented
6:05 The Interoperable Frontier 
6:56 Axelar Explained 
8:00 Axelar Blockchain
8:37 Axelar vs. Cosmos
9:41 Chain Fatigue 
11:20 Lessons Learned 
13:03 Closing & Action Items

-----
Resources: 

Sergey Gorbunov
https://twitter.com/sergey_nog 

Axelar Network
https://twitter.com/axelarcore  

-----
Not financial or tax advice. This channel is strictly educational and is not investment advice or a solicitation to buy or sell any assets or to make any financial decisions. This video is not tax advice. Talk to your accountant. Do your own research.

Disclosure. From time-to-time I may add links in this newsletter to products I use. I may receive commission if you make a purchase through one of these links. Additionally, the Bankless writers hold crypto assets. See our investment disclosures here:
https://www.bankless.com/disclosures 

In this Hasty Treat, Scott and Wes talk about a proposal for type syntax in JavaScript.

Linode - Sponsor

Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Show Notes

• 00:25 Welcome
• 01:13 Sponsor: Sentry
• 02:03 Sponsor: Sentry
• 02:44 The proposal announced
• A proposal for type syntax in JavaScript
• Proposal types as comments
• 03:24 What are types?
• 08:33 Types as comments
• 10:51 Why not JS Doc?
• 13:39 What it looks like
• 19:02 Possible downsides
• 21:37 Why not define a type system for JS in TC39 instead?
• Why not define a type system for JS in TC39 instead?
• 22:41 The Proposal vs Typescript

Tweet us your tasty treats

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about the future of testing with Cypress — what it is, how to use it, and more!

Deque - Sponsor

Deque’s free axe browser extension helps developers instantly catch 50% of accessibility bugs while they code. It’s lightweight, easy-to-use, and has zero false positives. Get started for free at deque.com/axe.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

03:55 - What Is Cypress?

• A visual testing studio that uses a jQuery-like syntax to test your application in browser.
• Very modern testing solution.

07:36 - Used to be only Chrome

• Now available for Safari, Firefox, Edge, etc.

??? - What frameworks is it for?

• Literally anything that runs on a URL in the browser. Cypress just looks at a URL, executes the commands and then checks the results.
• Can also run on ci/cd via a headless mode.
• React component testing is experimental.

10:58 - Automation

• Cypress studio new feature that writes tests for you.

12:37 - Data

• Intercept + Fixtures or through plugins

15:01 - Cost?

• It’s free!
• There is a paid product called Cypress Dashboard that allows you to record tests long-term.

Links

• Cypress
• bos.af
• Jest
• Better Touch Tool

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about Scott’s new website!

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

02:25 - Relaxed fit development

• Not concerned with it being perfect
• Will act as a loose digital garden, so it needs to be flexible
• Keep my talks and podcast appearances somewhere

04:40 - The stack

• Svelte / Sapper
• CSS variables
• Static generation with markdown
• No API
• Hosted on Netlify

08:15 - Why?

• I dropped that db life in 2015 and never looked back
• I’m a developer - markdown is good for me
• I like a playground for ideas, so the new site throws out any idea of formality and dives into being a playground for myself.
• Full page animations. Orchestration. Fully SSG.
• Code is painless to add to — adding a blog post is as easy as creating a markdown file

Links

• ScottTolinski.com
• Svelte
• Sapper
• Maggie Appleton
• Shawn Swyx

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

Scott and Wes are back with another round of tips, tricks and tasty treats for their favorite code editor, VS Code.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax

Show Notes

01:45

• Why Scott and Wes use VS Code vs all the other options
• Stay up to date with all releases

06:05 - Favorite new updates

• Notification API
• Auto Import
• Listing errors in the file explorer
• Column Selection
• Interface Customization
• Hot Tip: Anytime you find yourself using your mouse, there’s likely a shortcut key for what you’re trying to do
• React Snippets Library
• Wes’ VS Code settings
• Visual Studio Live Share

27:40 - Favorite/New Extensions

• Bracket Pair Colorizer
• Rainbow Brackets
• Auto Rename Tag
• Better Comments
• Jest
• Snapshot Tools
• JS Refactor
• Import Cost
• Polacode
  • Carbon - An alternative way to share beautiful images of your source code

38:49 - Themes

• LevelUp Official
• Night Owl
• Cobalt2

40:35 - Tips and Tricks

• Learn how to jump and select by letter, word, line, etc.
• Move a line (or Line Bubbling) - Use this for rearranging and/or moving lines of code quickly.
• Cycling through multiple windows of the same app - If you have multiple VS Code windows open, “Cmd + backtick” will cycle through them, so you don’t have to drag them in and out of view.
• Adjust MacOS keyboard settings - change Key Repeat to “fast” and Delay Until Repeat to “short”. This will make your editor super fast when holding down arrow keys.
• Use Git features
  • Git History
• Spell Checker - “Cmd + .” will open up code actions and you check for possible misspellings, etc.
  • Code Spell Checker
• Rename Symbol - Much more reliable than find/replace.
• Sort Lines
• Select everything between quotes - (Cmd + Shift + Space)

57:25 - Things that could be improved

• Region folding is inconsistent and sometimes doesn’t work at all.
• No easy way to tell which extension is causing CPU performance issues.
• Sidebar indentation isn’t clear.

××× SIIIIICK ××× PIIIICKS ×××

• Wes: Melnor 4-Zone Digital Water Timer
• Scott: Tosowoong Enzyme face cleanser

Shameless Plugs

• Scott’s Intermediate React Series
• Wes’ All Course Secret Sale

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets