Syntax &#8211; Tasty Web Development Treats

698: Why You Should Be Using CSS @Layers Nov 27, 2023

Show notes

What are @Layers in CSS, when and where should you be using them, how do you write them, and who’s using them already?

Show Notes

00:23 Welcome
01:49 Syntax Brought to you by Sentry
02:55 Where is this supported?
07:21 How do we write layers?
10:47 How do you write your CSS?
16:20 Nesting
20:35 Who else is using @Layer?

Hit us up on Socials!

697: What is DevRel with Salma Alam-Naylor Nov 24, 2023

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Salma Alam-Naylor all about her role in DevRel, what’s involved in working in DevRel, avoiding burnout, which platforms to focus on, and so much more.

Show Notes

00:31 Welcome
01:07 Syntax Brought to you by Sentry
01:52 New jobs and onboarding
03:34 What is Devrel?
11:34 How much of devrel is using your own product? Dogfooding the service?
14:49 What are things devrel people do?
20:32 Devrel burnout issues
24:53 Once you put a number on something, you’re measuring that number
29:31 Is there any way to know if devrel is working?
33:47 How could someone get into devrel?
37:37 What platforms should you focus on?
44:12 What’s something devrel gets wrong?
47:50 What do you think about speaking at conferences?
51:58 What do you use to stay up on with tech?
53:59 Sick picks

Sick Picks

Shameless Plugs

Follow Salma on Twitch

Hit us up on Socials!

696: How to Build a Website or App Nov 22, 2023

Show notes

In this episode of Syntax, Wes and Scott answer a listener’s question about their process for building a website in 2023. Do you start with design? With code? How do you decide on which CMS or if you need a CMS? How do you choose a backend framework? And where do you host it?

Show Notes

00:10 Welcome
02:12 Syntax Brought to you by Sentry
03:06 How do you build a website?
04:57 Start with the design
Figma
Design Systems with Brad Frost
11:12 Choose a Frontend / Components
Pug
EJS
React
Svelte
Remix
Storybook
25:16 Real data or fake data?
Polypane
DrizzleORM
29:34 Do you need a CMS or not?
Statamic
Syntax 254: Headless CMS Break Down & Roundup
WordPress.org
Astro
35:16 Choosing a backend language or framework
39:56 Testing
44:50 Where do you host your website?
Vercel
Netlify Drop
Glitch
CodePen
50:04 Sick Picks

Sick Picks

Scott: Chip clips
Wes: Soft close used toilet seat Amazon Warehouse Deals

Shameless Plugs

Scott: Sentry
Wes: Wes Bos Courses

Hit us up on Socials!

695: 5 New CSS Features You Should Know Nov 20, 2023

Show notes

In this episode of Syntax, Wes and Scott talk about 5 new CSS features :nth-child(4 of .neat), CSS Motion Path, Scroll Snap, Scroll Driven Animations, and Margin Trim.

Show Notes

00:25 Welcome
01:10 :nth-child(4 of .neat)
selector list argument of :nth-child and :nth-last-child CSS pseudo-classes | Can I use
06:43 CSS Motion Path
10:38 Scroll Snap
Practical CSS Scroll Snapping
14:36 Scroll Driven Animations
Scroll-driven Animations
Supper Club × Bramus Van Damme on CSS
16:58 Margin Trim

Hit us up on Socials!

694: What's Up With Angular with Mark Techson Nov 17, 2023

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Mark Techson about the recent Angular announcements and updates. How did Angular implement signals? What’s new in Angular 17? How does Angular handle CSS or UI component libraries?

Show Notes

00:30 Welcome
01:11 Syntax Brought to you by Sentry
01:39 What’s changing with Angular?
Special Angular Event
Angular
03:19 What happened to Angular.js, and what’s happening now?
StackBlitz
Analog | Analog
Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts
08:19 What makes Angular special?
13:21 How did Angular implement signals?
17:17 What is a computed value?
18:54 What’s new in Angular 17?
25:10 What’s the meta framework story with Angular?
Angular Material UI component library
CDK | Angular Material
Angular - Angular elements overview
27:40 Adding close to the metal if statements
31:03 View transitions
32:34 How does Angular handle CSS?
39:31 How does Angular integrate with UI component libraries?
41:07 What are headless components?
41:45 Does Angular work well with web components?
42:43 Supper Club Questions
Accessibility in Visual Studio Code
Technology Radar Thoughtworks
RedMonk – The developer-focused analyst firm
Mermaid | Diagramming and charting tool
49:38 Sick Picks

Sick Picks

Godot Engine - Free and open source 2D and 3D game engine

Shameless Plugs

Hit us up on Socials!

693: Lessons Learned & Bugs Fixed from Launching Syntax.fm Nov 15, 2023

Show notes

In this episode of Syntax, Wes and Scott talk about the lessons they learned while launching the new Syntax website including launching now, transcription bugs, error monitoring, black text on black backgrounds, and more.

Show Notes

00:10 Welcome to Syntax
01:41 Syntax Brought to you by Sentry
02:43 Don’t wait. Launch!
04:28 Transcript bug
Most Powerful Speech-to-Text API | Deepgram
09:01 Error monitoring is a must
12:36 Timestamp error
16:20 Black text on black background might hide things
17:33 WASM Vercel file system
21:18 Things have gotten easier to launch
PlanetScale: The world’s most advanced database platform — PlanetScale
23:36 Switching from OpenAI to Anthropic Claude and AI Responses aren’t always JSON
25:34 Local dev is fast
Navigation API
31:37 Mind your payloads
32:41 GitHub Milestones
33:57 Almost forgot the Robots.txt
36:17 Chron job timeout
Inngest
40:06 TypeScript errors don’t need to be zero to launch
42:25 GitHub Actions pipeline bug
43:23 Basic testing will do
Playwright
44:56 Have a designer to work with
Airbase
52:07 Sick Picks

Sick Picks

Scott: Dog Poop Bags With Dispenser
Wes: Resistance band

Shameless Plugs

Scott: Sentry
Wes: Wes Bos Courses

Hit us up on Socials!

692: You Need Stale While Revalidate Nov 13, 2023

Show notes

In this episode of Syntax, Wes and Scott explain what Stale While Revalidate is, why you should use it, and explore whether you should use it all the time on all the things.

Show Notes

00:25 Welcome
01:05 Syntax Brought to you by Sentry
01:34 What is Stale While Revalidate?
03:13 Why is caching important?
Max age calculator
Can I Use
05:09 Where does a cache live?
07:05 Limit how often an API is being hit
11:51 What about Stale while Revalidate?
18:30 Why wouldn’t you just use Stale While Invalidate on everything?
Syntax 484: Cache Control Headers Explained

Hit us up on Socials!

691: Cloudflare Workers Are Next Level With Rita Kozlov And Brendan Irvine-Broque Nov 10, 2023

Show notes

In this supper club episode of Syntax, Wes and Scott talk with Rita Kozlov And Brendan Irvine-Broque about Cloudflare Workers, Cloudflare AI, browser rendering API, Cloudflare’s D1 database, WinterCG, miniflare, and more!

Show Notes

00:32 Welcome
01:53 Syntax Brought to you by Sentry
02:20 What are Cloudflare Workers?
Announcing WinterJS
Cloudflare Workers®
Puppeteer | Puppeteer
06:23 How long did Workers take to ship?
07:31 Can you run your entire business on Cloudflare Workers?
10:52 Interesting use cases for Cloudflare Workers
12:33 What makes the edge important?
18:05 Managing GDPR compliance
19:02 What are the tradeoffs of building with Cloudflare Workers?
Cloudflare Queues
20:22 How does Workers pricing work?
26:54 What are situations where you might need longer times?
28:50 Browser rendering API
Browser Rendering docs
29:43 What is Cloudflare D1 database product?
Cloudflare D1
31:05 Cloudflare Hyperdrive
Hyperdrive
“Serverless” Databases
34:27 Cloudflare Workers don’t use a Node.js runtime
Introducing workerd: the Open Source Workers runtime
37:13 What is WinterCG?
WinterCG
45:09 Will we ever see a standard for server routing?
TCP sockets · Cloudflare Workers docs
49:30 What is miniflare?
🔥 Miniflare · Miniflare
54:05 Can I run Python on Cloudflare?
55:49 Cloudflare AI
Partnering with Hugging Face to make deploying AI easier
Cloudflare + AI
WebGPU API
Cache · Cloudflare Workers docs
57:04 Supper Club questions
59:38 Sick Picks

Sick Picks

Get a bench scrape

Shameless Plugs

Cloudflare Discord

Hit us up on Socials!