meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

UI Elements - Basics, Best Practice, and Built Ins

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 10 May 2023

⏱️ 56 minutes

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk about UI elements and best practices with UI elements, as well as UI elements that exist in browsers. Show Notes 00:10 Welcome 01:10 Making demos for fun 02:47 Why we’re talking UI elements 03:48 Bad UI elements in the browser Syntax 602: Modals, Popups, Popovers, Lightboxes Progress 10:47 Decent UI elements in browser 19:49 Enter Open UI Open UI 34:39 Accordion hunks 38:15 Pop overs 42:15 Focus group 46:10 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Fishskyn Wes: Flavacol & Butter Flavoured Coconut Oil Shameless Plugs Scott: Sentry replays 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

Transcript

Click on a timestamp to play from that location

0:00.0

You're listening to syntax, the podcast with the tastiest web development treats out there.

0:06.0

Strap yourself in and get ready. Here is Scott Zelensky and West Boss.

0:10.9

Welcome to syntax, the podcast with the tastiest web development treats out there. Today,

0:15.5

we've got an episode for you today on UI elements, basics, best practices, and built-ins.

0:22.8

Basically talking about things that are pretty common when you're building websites.

0:29.1

You've got, we had a whole show on the dialog box, but there's all kinds of different elements

0:34.4

that we use over and over again. Progress bars and file inputs and checkbox and sortable

0:40.0

and filterable selects. And there's all kinds of them out there. So we're going to kind of go

0:44.9

through a whole set of them and talk about what ones are available to us in the browser right now.

0:51.4

Maybe you need to reach reach for a library with some of these and ideally,

0:58.0

blue sky or whatever is going to be maybe we'll get these in the browser at some point.

1:04.5

Wouldn't it be nice to have a bit more primitives that didn't suck in the browser?

1:10.4

How are you doing today, Scott? Oh, hey, man, I'm doing good. Doing good. I have been

1:16.3

very inspired in some code stuff lately that I'm very excited to show you later, Wes.

1:23.2

I've been working with some new tech here and just building some fun things. You know,

1:28.8

when you get into like a fun problem and it really feels like you have so many potential

1:37.3

avenues to explore that are very exciting to you at any given point and it just pushes you into

1:42.4

solving those things and you know, you're not bogged down by like the weight of a project yet

1:49.1

or anything like that. So yeah, I've just just been really edge cases. The edge cases. I've been having

1:54.4

a lot of fun exploring with the idea that I'm exploring and at the same time, if I'm exploring

2:01.4

in UI stuff, I'm exploring in JavaScript stuff, I'm exploring in some more interesting things as well.

2:08.4

I'll talk about it later on, but you know, it just feels really good to be getting excited about

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.