Syntax - Tasty Web Development Treats

UI Elements - Basics, Best Practice, and Built Ins

May 10, 2023

56:06

Creator website

AI Chapters

Episode notes

Introduction

2min

The Bad UI Elements That Exist in the Browser

2min

The Importance of Flexibility in the Browser

3min

How to Make a Custom Video Player

2min

How to Use Alert Prompt and Confirm on Your Website

3min

JavaScript API for Dialog Boxes and Pop-Ups

3min

The Benefits of a Range Input

2min

How to Style a Checkbox in Chrome

2min

How to Use CSS to Make Your CSS More Accessible

4min

10.

How to Propose for Open UI

3min

11.

The Top 5 UI Frameworks That Have a Menu Component

2min

12.

The Top 10 Proposals for a Menu Menu

2min

13.

The New Syntax Website Will Have Breadcrumbs

2min

14.

JavaScript and CSS Working Groups

2min

15.

The Future of UI Elements

2min

16.

The Definition of an Exclusive Accordion

2min

17.

The Differences Between JavaScript and the Browser

4min

18.

The Select Menu Elements in Chromium

2min

19.

How to Use Roving to Make Your Website More Accessible

5min

20.

The Best Fish Skins for Your Computer

2min

21.

How to Get Movie Theater Popcorn at Home

2min

22.

How to Pop Popcorn

1min

23.

The Unusual Kitchen Gadget

2min

24.

The Dark Mode in Century West

3min

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

Get the Snipd
podcast app

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

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

Syntax - Tasty Web Development Treats

UI Elements - Basics, Best Practice, and Built Ins

Get the Snipdpodcast app

AI-poweredpodcast player

Discoverhighlights

Save anymoment

Share& Export

AI-poweredpodcast player

Discoverhighlights

Get the Snipd
podcast app

AI-powered
podcast player

Discover
highlights

Save any
moment

Share
& Export

AI-powered
podcast player

Discover
highlights