ဤအပိုင်းအကြောင်း
Light mode? Dark mode? Scott and Wes break down the best ways to implement theme switching in CSS, from prefers-color-scheme to manual overrides. Plus, tips on handling shadows, icons, and the dreaded flash of dark mode!
Show Notes- 00:00">00:00 Welcome to Syntax!
- 01:05">01:05 Brought to you by Sentry.io.
- 02:06">02:06 Light and dark mode, things to consider.
- 02:31">02:31 Light and dark mode from scratch.
- drop-in.css.
- 04:41">04:41 Calculations vs assigned color.
- 05:32">05:32 color-mix and relative color.
- 08:15">08:15 Foreground and background variables.
- –tint-or-shade: color-mix(in oklab, var(–fg), transparent 95%);
- –tint-or-shade-harder: color-mix(in oklab, var(–fg), transparent 90%);
- 09:13">09:13 Setting color scheme.
- 12:38">12:38 light-dark function in CSS.
- 15:48">15:48 Manually setting dark mode.
- 19:52">19:52 Shoehorning in dark mode.
- 22:25">22:25 Other things to consider.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
အင်္ဂလိပ်
အမေရိကန်ပြည်ထောင်စု
ကူးယူချက် 🔗
Are you the producer of this podcast?
Add a podcast transcript
Need Audio-to-Text?
Transcribe with Listen411 in Just 60 Seconds
ပြီးခဲ့သည့် အပိုင်းများကို ရှာဖွေပါ
Syntax - Tasty Web Development Treats ၏ ယခင်အပိုင်းများကို ရှာဖွေပါ
ဤ PODCAST တွင် အခြားသော အပိုင်းများ
Scott and Wes talk about how non-developers are actually using AI today. They also cover the stuff they don’t think holds up, like AI-staged listings and automated marketing.
Show Notes
00:00 Intro
00:38 Welcome to Syntax!
Wes’ post about using AI
01:50 Finding Parts With AI: Van Buckles…
Is Jev actually a leap forward for classification or just hype and fake demos? We dig in, plus Claude Code’s new AGENTS.md support, TinyCast (the free, open-source Raycast alternative), an iPhone Fold simulator in Xcode, and a stack of dev tools you’ll want to try
Show Notes
00:00 Welcome to …
Scott and Wes ditch Electron and Tauri for GPUI, the GPU accelerated Rust UI framework from the Zed team. They get into its React-like API, styling that feels a lot like Tailwind, GPUI Kit components, the community fork drama, and the tiny desktop apps Scott has built with it.
Show Notes
00:00 …
Scott and Wes dig into a listener mailbag full of AI questions: how to bill freelance work when the tools make you faster, whether coding still matters in interviews, and if the AI bubble is about to pop. Plus sandboxing your agents, managing block-based CMS chaos, and what it takes to leave a stab…
Scott, Wes, and CJ break down developing for the iPhone Duo with the Device Posture and Viewport Segments APIs, plus the React 19.3 release and Pi’s new Radius platform. Also on deck: Tailwind joining Shopify, Shopify going back to native, Homebrew 7, Aeropeek, and Meta’s Muse Agent.
Show Notes
…
မသက်ဆိုင်ကြောင်းရှင်းလင်းချက်: ဤစာမျက်နှာပေါ်တွင် ထည့်သွင်းထားသော ပေါ့တ်ကာစ်နှင့် အနုပညာလက်ရာများသည် ၎င်း၏ပိုင်ရှင်၏ပိုင်ဆိုင်မှုဖြစ်သည့် Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers မှဖြစ်ပြီး Listen Notes, Inc နှင့် ဆက်နွှယ်ခြင်း သို့မဟုတ် ထောက်ခံထားခြင်းမရှိပါ။
ပြင်ဆင်ပါ
ပေါ့ဒ်ကတ်စ် ဒေတာဘေ့စ်ကို နောက်ဆုံးပေါ်အချိန်နှင့်တပြေးညီဖြစ်စေရန် ကူညီပေးသည့်အတွက် ကျေးဇူးတင်ပါသည်။
