關於這一集
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
本 Podcast 中的其他單集
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 sche…
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:5…
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 Not…
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
…
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…
免責聲明: 本頁面嵌入的 Podcast 和封面圖片來自 Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers，歸其所有者所有，與 Listen Notes, Inc. 無關聯，也未獲得 Listen Notes, Inc. 背書。
