PSD to Responsive Website Tutorial
Total watch time
1h 46m
at 1× speed · exactly 1 hour, 45 minutes, 36 seconds at 1×
| 1× | 1h 45m 36s |
|---|---|
| 1.25× | 1h 24m 29s |
| 1.5× | 1h 10m 24s |
| 1.75× | 1h 21s |
| 2× | 52m 48s |
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 (12)
1h 46m in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 PSD to Responsive Website Tutorial #1 - Introduction
|
3:31 | 2016-01-14 | |
| 2 |
 PSD to Responsive Website Tutorial #2 - Slicing Images in Photoshop
|
5:05 | 2016-01-14 | |
| 3 |
 PSD to Responsive Website Tutorial #3 - Creating A Mobile PSD Mockup
|
8:11 | 2016-01-14 | |
| 4 |
 PSD to Responsive Website Tutorial #4 - Header HTML
|
8:38 | 2016-01-15 | |
| 5 |
 PSD to Responsive Website Tutorial #5 - Creating The Main Content HTML
|
9:06 | 2016-01-15 | |
| 6 |
 PSD to Responsive Website Tutorial #6 - Header CSS
|
12:22 | 2016-01-16 | |
| 7 |
 PSD to Responsive Website Tutorial #7 - Styling the Main Content
|
12:12 | 2016-01-18 | |
| 8 |
 PSD to Responsive Website Tutorial #8 - Footer CSS
|
7:43 | 2016-01-21 | |
| 9 |
 PSD to Responsive Website Tutorial #9 - Tablet Styles
|
10:48 | 2016-01-22 | |
| 10 |
 PSD to Responsive Website Tutorial #10 - Mobile Styles
|
4:47 | 2016-01-23 | |
| 11 |
 PSD to Responsive Website Tutorial #11 - Making a Mobile Menu
|
10:39 | 2016-01-25 | |
| 12 |
 PSD to Responsive Website Tutorial #12 - The Picture Element
|
12:34 | 2016-01-26 |
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/PL4cUxeGkcC9j-0YIv3EDq58-B1yZWvw8_)<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9j-0YIv3EDq58-B1yZWvw8_"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9j-0YIv3EDq58-B1yZWvw8_.svg" alt="Watch time: 1h 46m · 12 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/PL4cUxeGkcC9j-0YIv3EDq58-B1yZWvw8_ 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.