 |  | [00 Introduction] |
 | |  | 0001 Welcome.mp4 (11.25 MB) |
| | | 0002 What you should know before watching this course.mp4 (3.82 MB) |
|  | | 0003 Using the exercise files.mp4 (13.56 MB) |
| | [01 Getting Started] |
| | | 0101 Analyzing our project.mp4 (43.77 MB) |
| | | 0102 Installing Git and Node on a Mac.mp4 (5.92 MB) |
| | | 0103 Installing Git and Node on a PC.mp4 (7.47 MB) |
| | | 0104 Installing and updating Ruby.mp4 (9.46 MB) |
| | | 0105 Downloading dependencies.mp4 (22.15 MB) |
| | | 0106 Analyzing our workflow.mp4 (31.98 MB) |
| | | 0107 Examining your HTML.mp4 (58.66 MB) |
| | [02 Organizing Your Sass] |
| | | 0201 Working with Github templates.mp4 (14.86 MB) |
| | | 0202 Organizing your Sass.mp4 (14.83 MB) |
| | | 0203 Preparing your variables.mp4 (25.34 MB) |
| | | 0204 Creating basic styles.mp4 (29.44 MB) |
| | | 0205 Building your own mixins.mp4 (15.88 MB) |
| | | 0206 Preparing your header.mp4 (36.41 MB) |
| | | 0207 Coding the navigation.mp4 (48.10 MB) |
| | [03 Creating Responsive Grids with Susy] |
| | | 0301 Making your navigation responsive.mp4 (38.44 MB) |
| | | 0302 Controlling media queries with Breakpoint.mp4 (41.00 MB) |
| | | 0303 Using the Susy Gallery mixin.mp4 (50.23 MB) |
| | | 0304 Designing a complex layout.mp4 (29.48 MB) |
| | | 0305 Adjusting your layouts.mp4 (46.65 MB) |
| | | 0306 Padding elements with Susy.mp4 (38.05 MB) |
| | | 0307 Using jQuery for full screen and Compass flexbox features.mp4 (27.13 MB) |
| | | 0308 Creating media queries outside your elements.mp4 (35.02 MB) |
| | | 0309 Adding defaults to your background mixing.mp4 (37.71 MB) |
| | | 0310 Using a split layout.mp4 (26.45 MB) |
| | | 0311 Finishing your layouts.mp4 (20.81 MB) |
| | | 0312 Adding a footer.mp4 (13.59 MB) |
| | [04 Animating Your Layouts] |
| | | 0401 Creating a tween animation.mp4 (42.72 MB) |
| | | 0402 Pinning your navigation and smoothing scrolling.mp4 (28.91 MB) |
| | | 0403 Highlighting menu items on scroll.mp4 (26.25 MB) |
| | | 0404 Controlling scenes by scrolling.mp4 (42.03 MB) |
| | | 0405 Adjusting for touch devices.mp4 (14.10 MB) |
| | | 0406 Deploying to production.mp4 (11.11 MB) |
| | [05 Conclusion] |
| | | 0501 Next steps.mp4 (4.42 MB) |
| | [Exercise Files] |
 | | | [images] |
| | | | [hotel] |
| | | |  | attractions.jpg (208.45 KB) |
| | | | | dining_lattes.jpg (86.21 KB) |
| | | | | dining_rooftop.jpg (94.60 KB) |
| | | | | dining_smoothiebar.jpg (51.17 KB) |
| | | | | events_conference.jpg (223.23 KB) |
| | | | | events_wedding.jpg (135.17 KB) |
| | | | | intro_attractions.jpg (16.00 KB) |
| | | | | intro_dining.jpg (20.20 KB) |
| | | | | intro_pool.jpg (23.09 KB) |
| | | | | intro_room.jpg (17.59 KB) |
| | | | | intro_wedding.jpg (15.33 KB) |
| | | | | rooms_cambridge.jpg (267.70 KB) |
| | | | | rooms_manchester.jpg (262.86 KB) |
| | | | | rooms_oxford.jpg (310.28 KB) |
| | | | | rooms_piccadilly.jpg (285.03 KB) |
| | | | | rooms_victoria.jpg (303.39 KB) |
| | | | | rooms_westminster.jpg (235.31 KB) |
| | | | | splash_hotelphoto.jpg (357.23 KB) |
| | | | [icons] |
| | | |  | attractions.png (2.07 KB) |
| | | | | dining.png (3.08 KB) |
| | | | | events.png (1.69 KB) |
| | | | | info.png (2.26 KB) |
| | | | | rooms.png (0.67 KB) |
| | | | [misc] |
| | | | | arrow.png (2.83 KB) |
| | | | | greenplanet.png (315.73 KB) |
| | | | [socialmedia] |
| | | | | facebook.png (0.62 KB) |
| | | | | twitter.png (1.10 KB) |
| | | | | youtube.png (1.28 KB) |
| | | [responsive] |
| | | | [builds] |
| | | | | [development] |
| | | | | | [css] |
| | | | | |  | style.css (30.13 KB) |
| | | | | | | style.css.map (15.51 KB) |
| | | | | | [images] |
| | | | | | | [hotel] |
| | | | | | | | attractions.jpg (208.45 KB) |
| | | | | | | | dining_lattes.jpg (86.21 KB) |
| | | | | | | | dining_rooftop.jpg (94.60 KB) |
| | | | | | | | dining_smoothiebar.jpg (51.17 KB) |
| | | | | | | | events_conference.jpg (223.23 KB) |
| | | | | | | | events_wedding.jpg (135.17 KB) |
| | | | | | | | intro_attractions.jpg (16.00 KB) |
| | | | | | | | intro_dining.jpg (20.20 KB) |
| | | | | | | | intro_pool.jpg (23.09 KB) |
| | | | | | | | intro_room.jpg (17.59 KB) |
| | | | | | | | intro_wedding.jpg (15.33 KB) |
| | | | | | | | rooms_cambridge.jpg (267.70 KB) |
| | | | | | | | rooms_manchester.jpg (262.86 KB) |
| | | | | | | | rooms_oxford.jpg (310.28 KB) |
| | | | | | | | rooms_piccadilly.jpg (285.03 KB) |
| | | | | | | | rooms_victoria.jpg (303.39 KB) |
| | | | | | | | rooms_westminster.jpg (235.31 KB) |
| | | | | | | | splash_hotelphoto.jpg (357.23 KB) |
| | | | | | | [icons] |
| | | | | | | | attractions.png (2.07 KB) |
| | | | | | | | dining.png (3.08 KB) |
| | | | | | | | events.png (1.69 KB) |
| | | | | | | | info.png (2.26 KB) |
| | | | | | | | rooms.png (0.67 KB) |
| | | | | | | [misc] |
| | | | | | | | arrow.png (2.83 KB) |
| | | | | | | | greenplanet.png (315.73 KB) |
| | | | | | | [socialmedia] |
| | | | | | | | facebook.png (0.62 KB) |
| | | | | | | | twitter.png (1.10 KB) |
| | | | | | | | youtube.png (1.28 KB) |
| | | | |  | index.html (12.59 KB) |
| | | | | | [js] |
| | | | | | | script.js (356.92 KB) |
| | | | | [production] |
| | | | | | [css] |
| | | | | | | style.css (17.24 KB) |
| | | | | | | style.css.map (15.19 KB) |
| | | | | | [images] |
| | | | | | | [hotel] |
| | | | | | | | attractions.jpg (208.45 KB) |
| | | | | | | | dining_lattes.jpg (86.21 KB) |
| | | | | | | | dining_rooftop.jpg (94.60 KB) |
| | | | | | | | dining_smoothiebar.jpg (51.17 KB) |
| | | | | | | | events_conference.jpg (223.23 KB) |
| | | | | | | | events_wedding.jpg (135.17 KB) |
| | | | | | | | intro_attractions.jpg (16.00 KB) |
| | | | | | | | intro_dining.jpg (20.20 KB) |
| | | | | | | | intro_pool.jpg (23.09 KB) |
| | | | | | | | intro_room.jpg (17.59 KB) |
| | | | | | | | intro_wedding.jpg (15.33 KB) |
| | | | | | | | rooms_cambridge.jpg (267.70 KB) |
| | | | | | | | rooms_manchester.jpg (262.86 KB) |
| | | | | | | | rooms_oxford.jpg (310.28 KB) |
| | | | | | | | rooms_piccadilly.jpg (285.03 KB) |
| | | | | | | | rooms_victoria.jpg (303.39 KB) |
| | | | | | | | rooms_westminster.jpg (235.31 KB) |
| | | | | | | | splash_hotelphoto.jpg (357.23 KB) |
| | | | | | | [icons] |
| | | | | | | | attractions.png (2.07 KB) |
| | | | | | | | dining.png (3.08 KB) |
| | | | | | | | events.png (1.69 KB) |
| | | | | | | | info.png (2.26 KB) |
| | | | | | | | rooms.png (0.67 KB) |
| | | | | | | [misc] |
| | | | | | | | arrow.png (2.83 KB) |
| | | | | | | | greenplanet.png (315.73 KB) |
| | | | | | | [socialmedia] |
| | | | | | | | facebook.png (0.62 KB) |
| | | | | | | | twitter.png (1.10 KB) |
| | | | | | | | youtube.png (1.28 KB) |
| | | | | | index.html (10.72 KB) |
| | | | | | [js] |
| | | | | | | script.js (194.57 KB) |
| | | | [components] |
| | | | | [sass] |
| | | | | | _base.scss (0.24 KB) |
| | | | | | _layout.scss (0.35 KB) |
| | | | | | _mixins.scss (0.56 KB) |
| | | | | | _variables.scss (1.00 KB) |
| | | | | | [modules] |
| | | | | | | _attractions.scss (0.47 KB) |
| | | | | | | _dining.scss (0.89 KB) |
| | | | | | | _events.scss (0.76 KB) |
| | | | | | | _footer.scss (0.36 KB) |
| | | | | | | _hotelinfo.scss (1.75 KB) |
| | | | | | | _intro.scss (0.91 KB) |
| | | | | | | _nav.scss (2.15 KB) |
| | | | | | | _rooms.scss (1.06 KB) |
| | | | | | | _welcome.scss (0.82 KB) |
| | | | | | style.scss (0.66 KB) |
| | | | | [scripts] |
| | | | | | jqloader.js (0.04 KB) |
| | | | | | jquery.scrollmagic.min.js (13.73 KB) |
| | | | | | script.js (4.50 KB) |
| | | | | | TweenMax.min.js (96.47 KB) |
| | | | gulpfile.js (2.24 KB) |
| | | | package.json (0.59 KB) |
| | | | README.md (0.23 KB) |
