Syntax - Tasty Web Development Treats cover image

762: What to Steal. Finding Inspiration in Web Development

Syntax - Tasty Web Development Treats

Introduction

4min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

Exploring the boundaries between drawing inspiration and plagiarism in web design, this chapter covers acceptable areas for inspiration like color schemes and fonts, stressing the significance of attribution. Insights on plagiarism in open source code and tips on sourcing and organizing inspiration are discussed, alongside an advertisement for century.io bug tracking tool.

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