关于这一集
In this episode of Syntax, Scott and Wes talk about design foundations for developers — tips to follow that will make your designs better!
Sanity - SponsorSanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
Freshbooks - SponsorGet a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Show Notes6:35 - Our backgrounds in design
12:41 - Foundations
- Consistency makes a big difference
- Use “training wheel” tools until you are confident
- Always work within a system
- Less is more - subtle is better
19:39 - Color
- Color theory
- Complementary colors and shades
- Stick to color pallet generators until you are good enough
28:51 - Spacing
- More spacing than you think you need
- Vertical rhythm
- Letter spacing: -1px
- Consistent margin and padding
34:47 - Typography
- Sans vs serifs
- Finding fonts
- Use proven combinations until you know your way around
41:49 - Interaction
- Design for all states (e.g. standard, visited, active, hover, etc.)
- Animations should be quick
- Interactions should make sense
45:04 - Concerns beyond visuals
- Accessibility via color contrast
- Thin fonts and light grey are awful
- Think about the poor Windows users
48:47 - Inspiration + Resources
- Take inspiration from the best — you’ll find your own voice after enough work
- Go easy on trends - blobby characters with purple hair
- Take a trip around the world wide web
- Stripe
- Dribbble
- Site Inspire
- codrops
- Refactoring UI
- Designer Starter Pack - Andrea Crofts
- LastPass
- Colour Lovers
- Syntax 142: Travis Neilson on Skills Gap, Design, Focus and Working at Google
- Bloomberg
- Dropbox
- FontPair
- FontJoy
- Figma - Google Font Pairings
- Type Scale
- Creative Market
- Radnika Next
- Stripe
- Dribbble
- Syntax 72: Accessibility
- Firefox
- Site Inspire
- codrops
- Refactoring UI
- Adam Wathan
- Steve Schoger
- Scott: FullStack React with NextJS - Sign up for the year and save 25%!
- Wes: Beginner Javascript
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
英语
美国
文字稿 🔗
Are you the producer of this podcast?
Add a podcast transcript
Need Audio-to-Text?
Transcribe with Listen411 in Just 60 Seconds
本播客中的其他单集
The messy breakup is official; as of November 12, OpenAI's models are getting pulled from Cursor, and we're digging into who's really to blame (and why Wes called it). Plus pnpm 12 goes full Rust, Mitchell Hashimoto drops Superlogical, ~700 AI agents attack Hugging Face, and Zod 4.5's compiled sc...
Wes and CJ dig into OpenAI’s GPT‑6 Astra; the massive jump in computer use, the wild Blender MCP 3D demos, and whether all the AGI talk actually holds up. Plus Hugging Face’s robot duck, Vitest 5 and the arrest behind the shai‑hulud supply chain attacks
Show Notes
00:00 Welcome to Syntax!
00...
Meta’s StyleX compiles thousands of styles into a few reusable class names at build time—zero runtime, fully type-safe. Scott and Wes break down why it’s suddenly everywhere, and why it might be the best CSS tool for AI agents.
Show Notes
00:00 Welcome to Syntax!
Syntax Ep 650
San Francis...
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 st...
Scott and Wes talk about WebMCP with Sarah Drasner and Dominic Farolino from the Chrome team, which is the new W3C standard that lets your site hand real tools to an agent. They cover the security model, headless and multi-tab agents, and how to wire it into an app you’ve already shipped.
Show N...
免责声明: 本页面嵌入的播客和封面图片来自 Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers，归其所有者所有，与 Listen Notes, Inc. 无关联，也未获得 Listen Notes, Inc. 背书。
