01 - Introduction
02 - 1. Creating Web Media
-
01 - SVG symbols with Illustrator (6:34)
-
02 - The video element (9:50)
-
03 - Control colors in SVG with CSS (8:05)
-
04 - High-definition graphics with Sketch (5:44)
-
05 - Add a Twitter feed (5:00)
-
06 - Combine images with Canvas (7:50)
-
07 - Generate assets in Photoshop in no time (6:33)
-
08 - Web graphics from InDesign (5:27)
-
09 - Keeping it in proportion (5:18)
-
10 - Responsive iFrames (5:50)
-
11 - Create a tiling SVG with Illustrator (8:51)
-
12 - Create a tiling SVG with Sketch (8:20)
-
13 - Loop a CSS animation (7:44)
-
14 - The Audio element (7:31)
-
15 - Randomized animation with JavaScript (8:49)
-
16 - Get SVG from Photoshop (7:44)
-
17 - Customize your thumbnails in WordPress (3:48)
-
18 - Read JPG metadata with PHP (12:19)
-
19 - Animate a sprite sheet with CSS (7:02)
-
20 - Animate a sprite sheet with JavaScript (9:07)
-
21 - Interactive inline photo gallery (12:14)
-
22 - Create customizable graphics with CSS (13:01)
-
23 - Fullscreen background video (13:31)
-
24 - Load animation with HTML and CSS (12:40)
-
25 - Video jump points with JavaScript (9:54)
-
26 - Base64 encoding images (4:42)
-
27 - Using GULP with Sketch files (12:12)
-
28 - Responsive images and the image element (6:06)
-
29 - Responsive images and the picture element (6:17)
-
30 - Create a sprite sheet for links (4:46)
-
31 - Indicate download file types (3:53)
-
32 - Inline video for iOS (2:36)
-
33 - Image zoom to point of interest (6:45)
-
34 - Mask an image in SVG (4:40)
-
35 - Animate an HTML canvas (4:48)
-
36 - Trigger content from a video (8:53)
-
37 - Responsive SVG Logo (5:03)
-
38 - Zooming hover state (3:08)
-
39 - Animate SVG with CSS (4:45)
-
40 - Custom Google Maps markers (7:14)
-
41 - Sprite sheet for animation with Photoshop (6:11)
-
42 - Sprite sheet for animation with Sketch (5:33)
