| | [Project Files] |
| | | [Mastering CSS Animations] |
| | | | [Adobe Photoshop] |
| | | | | 10_Begin.psd (23.06 MB) |
| | | | | 09_Begin.psd (1.69 MB) |
| | | | | 06_End.psd (1.09 MB) |
| | | | | 07_End.psd (546.62 KB) |
| | | | | 05_End.psd (165.48 KB) |
| | | | | 02_End.psd (109.46 KB) |
| | | | [HTML] |
| | | | | [03_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.00 KB) |
| | | | | | [images] |
| | | | | | | block.png (4.28 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.88 KB) |
| | | | | | index.html (0.67 KB) |
| | | | | [04_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.87 KB) |
| | | | | | [images] |
| | | | | | | block.png (4.28 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.88 KB) |
| | | | | | index.html (0.76 KB) |
| | | | | [08_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.00 KB) |
| | | | | | [images] |
| | | | | | | sprite.png (43.50 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.88 KB) |
| | | | | | index.html (0.68 KB) |
| | | | | [08_End] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.49 KB) |
| | | | | | [images] |
| | | | | | | sprite.png (60.57 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.88 KB) |
| | | | | | index.html (0.75 KB) |
| | | | | [11_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.00 KB) |
| | | | | | [images] |
| | | | | | | bg.jpg (68.66 KB) |
| | | | | | | thumb.jpg (13.11 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.00 KB) |
| | | | | | index.html (0.67 KB) |
| | | | | [12_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.00 KB) |
| | | | | | [images] |
| | | | | | | bg.jpg (68.66 KB) |
| | | | | | | thumb.jpg (13.11 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.00 KB) |
| | | | | | index.html (0.67 KB) |
| | | | | [13_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (0.71 KB) |
| | | | | | [images] |
| | | | | | | bg.jpg (68.66 KB) |
| | | | | | | thumb.jpg (13.11 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.00 KB) |
| | | | | | index.html (3.87 KB) |
| | | | | [14_Begin] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (2.81 KB) |
| | | | | | [images] |
| | | | | | | bg.jpg (68.66 KB) |
| | | | | | | thumb.jpg (13.11 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.00 KB) |
| | | | | | index.html (3.87 KB) |
| | | | | [14_End] |
| | | | | | [css] |
| | | | | | | foundation.css (70.04 KB) |
| | | | | | | foundation.min.css (54.11 KB) |
| | | | | | | normalize.css (7.62 KB) |
| | | | | | | custom.css (3.21 KB) |
| | | | | | [images] |
| | | | | | | bg.jpg (68.66 KB) |
| | | | | | | thumb.jpg (13.11 KB) |
| | | | | | [js] |
| | | | | | | [foundation] |
| | | | | | | | foundation.js (20.33 KB) |
| | | | | | | | foundation.reveal.js (14.54 KB) |
| | | | | | | | foundation.interchange.js (9.33 KB) |
| | | | | | | [vendor] |
| | | | | | | | jquery.js (82.64 KB) |
| | | | | | | | modernizr.js (11.00 KB) |
| | | | | | | | fastclick.js (8.08 KB) |
| | | | | | | | placeholder.js (2.28 KB) |
| | | | | | | | jquery.cookie.js (1.38 KB) |
| | | | | | | foundation.min.js (44.21 KB) |
| | | | | | | script.js (0.00 KB) |
| | | | | | index.html (3.87 KB) |
| | | | [Resources] |
| | | | | Image_Sources.txt (0.31 KB) |
| | 09. Designing a gallery mockup.mp4 (67.95 MB) |
| | 12. Writing the gallery CSS.mp4 (51.55 MB) |
| | 13. Animating the gallery with CSS animations.mp4 (40.20 MB) |
| | 07. Creating a CSS sprite.mp4 (28.20 MB) |
| | 14. Making the animated gallery responsive.mp4 (26.40 MB) |
| | 03. Experimenting with basic CSS animations.mp4 (24.28 MB) |
| | 04. Exploring more CSS animation properties.mp4 (23.35 MB) |
| | 06. Animating the ladybug.mp4 (22.46 MB) |
| | 10. Exporting the gallery assets.mp4 (21.94 MB) |
| | 05. Designing a ladybug.mp4 (21.84 MB) |
| | 08. Animating the CSS sprite.mp4 (20.53 MB) |
| | 11. Writing the gallery HTML.mp4 (18.91 MB) |
| | 02. Designing the animation test environment.mp4 (15.17 MB) |
| | 01. Introduction and project overview.mp4 (8.35 MB) |