ui design

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

In this episode of Syntax, it’s part 2 of Wes and Scott’s reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.

Show Notes

• 00:10 Welcome
• Reacting to State of CSS Survey — Syntax Podcast 672
• State of CSS 2023
• 01:15 Syntax Brought to you by Sentry
• 01:29 CSS Frameworks
• Bootstrap · The most popular HTML, CSS, and JS library in the world.
• Open Props: sub-atomic styles
• Lightning CSS
• 10:57 How happy are you with CSS frameworks?
• 17:21 Other tools
• CSS Analytics - Project Wallace
• 19:34 Top utilities in use
• 24:48 Browser usage
• 29:01 CSS usage
• 33:25 Browser incompatibilities
• 36:42 SVG and CSS
• 44:28 Resources for learning CSS
• Kevin Powell | CSS Evangelist
• Fireship - Learn to Code Faster
• LeveUp Tutorials
• 46:55 Awards
• Panda CSS - Build modern websites using build time and type-safe CSS-in-JS
• 50:48 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

• Scott: A Timeline of the 1970s Heavyweight Boxing Division (Boxing Documentary) / Full Boxing Timelines
• Wes: NEIKO 10181A Step Drill Bit Set

Shameless Plugs

• Scott: Sentry
• Wes: Wes Bos Tutorials

Tweet us your tasty treats

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky

We're back to our bread and butter this week with lots of tech news to discuss! While Andrew is vacationing in the mountains of the west coast, David Imel joins Marques to discuss the Windows 11 features they like most, and a few they don't. Plus, they talk about the new Sony Xperia 1 III, dancing robots, and Patreon's unique place in the Creator Economy.  Links: Subscribe to the pod & share with friends: http://bit.ly/WaveformMKBHD Subscribe to the pod on YouTube for full videos: https://bit.ly/WVFRMPodcastYouTube https://twitter.com/wvfrm https://twitter.com/mkbhd https://twitter.com/andymanganelli https://twitter.com/AdamLukas17 https://twitter.com/DurvidImel  https://www.instagram.com/wvfrmpodcast/ shop.mkbhd.com Music by 20syl: https://bit.ly/2S53xlC Decoder interview w/Jack Conte: https://bit.ly/3AmgUPF  Boston Dynamics: https://bit.ly/363Lujc  Learn more about your ad choices. Visit podcastchoices.com/adchoices