Custom Site Picker UI Tutorial
Total watch time
1h 35m
at 1× speed · exactly 1 hour, 35 minutes, 3 seconds at 1×
| 1× | 1h 35m 3s |
|---|---|
| 1.25× | 1h 16m 2s |
| 1.5× | 1h 3m 22s |
| 1.75× | 54m 19s |
| 2× | 47m 32s |
Plan to finish
About 2 days at an hour a day
Pick a daily pace and the days you'll watch. Ticked videos are skipped.
At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.
Videos (10)
1h 35m in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 Custom Site Theme Picker Tutorial #1 - Intro & Setup
|
5:32 | 2023-07-10 | |
| 2 |
 Custom Site Theme Picker Tutorial #2 - Adding the Settings Section
|
11:03 | 2023-07-11 | |
| 3 |
 Custom Site Theme Picker Tutorial #3 - Adding Toggles
|
16:41 | 2023-07-12 | |
| 4 |
 Custom Site Theme Picker Tutorial #4 - Changing the Colour Theme
|
7:35 | 2023-07-13 | |
| 5 |
 Custom Site Theme Picker Tutorial #5 - Updating the Custom Colour
|
6:17 | 2023-07-14 | |
| 6 |
 Custom Site Theme Picker Tutorial #6 - Playing Sounds
|
5:37 | 2023-07-17 | |
| 7 |
 Custom Site Theme Picker Tutorial #7 - Loading Settings from Local Storage
|
10:56 | 2023-07-18 | |
| 8 |
 Custom Site Theme Picker Tutorial #8 - Checkbox CSS
|
15:00 | 2023-07-19 | |
| 9 |
 Custom Site Theme Picker Tutorial #9 - Radio Button CSS
|
9:01 | 2023-07-20 | |
| 10 |
 Custom Site Theme Picker Tutorial #10 - Additional Colours & Themes
|
7:21 | 2023-07-21 |
No videos match that filter.
Embed a badge
Show the watch time in a README or course description — it links back here and updates itself
[](https://playlistduration.com/playlist/PL4cUxeGkcC9jsPQt2yIIBspisn2XSW7M8)<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9jsPQt2yIIBspisn2XSW7M8"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jsPQt2yIIBspisn2XSW7M8.svg" alt="Watch time: 1h 35m · 10 videos" width="203" height="20"></a>Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.
Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9jsPQt2yIIBspisn2XSW7M8 returns them as JSON — free, no key. API docs →
Data from the YouTube Data API as of 2026-09-22 (fresh). Private or deleted videos are excluded from totals.