Syntax - Tasty Web Development Treats cover image

762: What to Steal. Finding Inspiration in Web Development

Syntax - Tasty Web Development Treats

Component-Based Design Approach

2min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

Exploring inspiration websites led to a shift towards a component-based design approach. Instead of solely focusing on overall website design, the speaker suggests looking at individual components like buttons or product layouts. Utilizing websites like bento grids.com provides a plethora of component ideas for creating unique designs by combining various elements from different sources.

Scott and Wes discuss the delicate balance of what’s acceptable to borrow or be inspired by in web development and what crosses into territory that’s off-limits. Tune in as they share personal experiences, discuss where to find ethical inspiration, and offer tips on how to effectively capture and utilize it.

Show Notes

00:00 Welcome to Syntax!
01:57 Brought to you by Sentry.io.
02:26 What is okay to steal?
- 02:57 Color palettes.
- 03:14 Font stacks.
- 06:26 Type scales.
  - Warp’s CSS Gradient Border.
  - Sentry’s Date Picker.
- 08:52 General layout patterns.
- 10:39 General vibes.
11:20 What is NOT okay to steal?
- 11:26 Whole site designs.
- 13:32 Taking too many things from ‘what to steal’ list.
- 16:30 Text copy.
  - Wes’ Parity Purchasing Power.
18:48 What we’ve had stolen + how it feels.
21:45 Where to find inspiration.
- 21:56 Code inspiration.
  - CSS Scan Buttons.
  - CSS Scan Box Shadows.
  - Codrops.
  - CodePen
- 25:18 Design inspiration.
  - Bentro Grids.
  - Dribble.
  - Site Inspire.
  - SaaS Landing Pages.
  - One Page Love.
  - Type Wolf.
  - Mobbin.
  - Syntax Newsletter.
  - Hoverstat.es.
  - Internet Gems.
- 32:48 UX inspiration.
  - Good UI.
  - The Component Gallery.
  - Open UI.
  - Nicely Done.
35:25 How to capture inspiration.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.

App store banner

Play store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode