PSD to HTML & CSS Series 1 (unresponsive)

by Net Ninja · 11 videos

Total watch time

1h 23m

at speed · exactly 1 hour, 22 minutes, 48 seconds at 1×

1h 22m 48s
1.25×1h 6m 14s
1.5×55m 12s
1.75×47m 19s
41m 24s
Average video7m 32s
Longest13m 39s
Shortest3m 34s
Compare Open on YouTube JSON

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.

Days

At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.

Videos (11)

1h 23m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 PSD to HTML & CSS (Series 1, unresponsive) #1 - Introduction 3:34 2015-08-20
2 PSD to HTML & CSS (Series 1, unresponsive) #2 - Slicing and Saving Images 7:39 2015-08-21
3 PSD to HTML & CSS (Series 1, unresponsive) #3 - How to Structure Your HTML 4:26 2015-08-21
4 PSD to HTML & CSS (Series 1, unresponsive) #4 - Making the Header 4:27 2015-09-13
5 PSD to HTML & CSS (Series 1, unresponsive) #5 - Lead Banner HTML 5:27 2015-09-14
6 PSD to HTML & CSS (Series 1, unresponsive) #6 - Main Content HTML 10:01 2015-09-15
7 PSD to HTML & CSS (Series 1, unresponsive) #7 - Adding a Simple CSS Reset 4:02 2015-09-17
8 PSD to HTML & CSS (Series 1, unresponsive) #8 - Styling the Header 8:43 2015-09-19
9 PSD to HTML & CSS (Series 1) #9 - Styling the Banner 9:09 2015-09-21
10 PSD to HTML & CSS (Series 1, unresponsive) #10 - Styling the Main Content 13:39 2015-09-25
11 PSD to HTML & CSS (Series 1, unresponsive) #11 - Styling the footer 11:41 2015-09-25

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 1h 23m · 11 videos

Markdown
[![Watch time: 1h 23m · 11 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jjVlRiZnRnAGFSCK3Lu_i-.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9jjVlRiZnRnAGFSCK3Lu_i-)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9jjVlRiZnRnAGFSCK3Lu_i-"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jjVlRiZnRnAGFSCK3Lu_i-.svg" alt="Watch time: 1h 23m · 11 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/PL4cUxeGkcC9jjVlRiZnRnAGFSCK3Lu_i- returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.