Web Design Training - Design Responsive Layouts with CSS Flexbox: Advanced (Size: 361.67 MB)
| | 026 Putting it all together.mp4 | 34.92 MB |
| | 025 Animating content.mp4 | 21.13 MB |
| | 007 Using Flexbox to control single-level menu layout.mp4 | 19.78 MB |
| | 019 Styling the holy grail layout with Flexbox.mp4 | 19.6 MB |
| | 008 Using Flexbox to control advanced menus.mp4 | 18.22 MB |
| | 015 Adding responsive breakpoints.mp4 | 16.33 MB |
| | 014 Using Flexbox to create a grid of cards.mp4 | 16.33 MB |
| | 009 Using Flexbox to control multilevel menus with dropdowns.mp4 | 16.12 MB |
| | 024 Hiding and showing the sidebar.mp4 | 15.42 MB |
| | 006 Marking up five types of menus.mp4 | 15.25 MB |
| | 012 Challenges with card layouts.mp4 | 14.42 MB |
| | 011 Using Flexbox to control multiple menus.mp4 | 13.47 MB |
| | 022 Sidebar position switching.mp4 | 12.45 MB |
| | 023 Changing from holy grail to vertical display.mp4 | 12.45 MB |
| | 020 Changing the layout with Flexbox.mp4 | 11.32 MB |
| | 017 What is the holy grail layout_.mp4 | 11.3 MB |
| | 010 Creating a social media menu.mp4 | 10.56 MB |
| | 013 Marking up typical cards.mp4 | 9.96 MB |
| | 018 Marking up the holy grail layout in HTML.mp4 | 9.93 MB |
| | 016 Solving the common 'anchor doesn`t fill the card' problem.mp4 | 9.66 MB |
| | 001 Welcome.mp4 | 9.16 MB |
| | 003 What is Flexbox_.mp4 | 8.11 MB |
| | 004 Caveats when using Flexbox today.mp4 | 7.81 MB |
| | 002 How to use the exercise files.mp4 | 7.1 MB |
| | 021 Handing control to the user.mp4 | 6.63 MB |
| | 027 Thank you.mp4 | 5.28 MB |
| | 005 Exploring common menu layouts.mp4 | 4.06 MB |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | menu-toggle.js | 753 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | holy-grail.css | 2.97 KB |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.89 KB |
| | nav-multi-level.css | 1.55 KB |
| | card-styles.css | 1.4 KB |
| | nav-advanced.css | 1.15 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-single-level.css | 580 bytes |
| | Menus.html | 11.41 KB |
| | all-together.html | 11.21 KB |
| | card-layout.html | 6.48 KB |
| | holy-grail.html | 3.96 KB |
| | style-all-together.css | 573 bytes |
| | style-menus.css | 511 bytes |
| | style-holy-grail.css | 343 bytes |
| | style-card.css | 332 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 39 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.52 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.96 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 413 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.56 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.96 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 667 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.63 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.91 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.75 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.91 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.98 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.91 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.98 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.91 KB |
| | style-holy-grail.css | 343 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | menu-toggle.js | 753 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.98 KB |
| | nav-social.css | 1.72 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 964 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | Menus.html | 11.41 KB |
| | all-together.html | 11.21 KB |
| | card-layout.html | 6.48 KB |
| | holy-grail.html | 3.96 KB |
| | style-all-together.css | 573 bytes |
| | style-menus.css | 511 bytes |
| | style-holy-grail.css | 343 bytes |
| | style-card.css | 332 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | menu-toggle.js | 753 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | menu-toggle.js | 753 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.98 KB |
| | nav-social.css | 1.72 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 964 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | Menus.html | 11.41 KB |
| | all-together.html | 11.21 KB |
| | card-layout.html | 6.48 KB |
| | holy-grail.html | 3.96 KB |
| | style-all-together.css | 573 bytes |
| | style-menus.css | 511 bytes |
| | style-holy-grail.css | 343 bytes |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.98 KB |
| | nav-social.css | 1.72 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 964 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | Menus.html | 11.41 KB |
| | card-layout.html | 6.48 KB |
| | holy-grail.html | 3.96 KB |
| | style-menus.css | 511 bytes |
| | style-holy-grail.css | 343 bytes |
| | style-card.css | 332 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.72 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | nav-single-level.css | 281 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 48 bytes |
| | Menus.html | 11.41 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.59 KB |
| | typography.css | 1.12 KB |
| | nav-multi-level.css | 1.02 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-base.css | 379 bytes |
| | nav-single-level.css | 281 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 48 bytes |
| | nav-advanced.css | 30 bytes |
| | Menus.html | 11.41 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.59 KB |
| | typography.css | 1.12 KB |
| | nav-multi-level.css | 1.02 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | nav-single-level.css | 281 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 48 bytes |
| | Menus.html | 11.41 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.59 KB |
| | typography.css | 1.12 KB |
| | nav-multi-level.css | 1.02 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-base.css | 379 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 48 bytes |
| | nav-single-level.css | 35 bytes |
| | Menus.html | 11.41 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.72 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | nav-single-level.css | 281 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 178 bytes |
| | Menus.html | 11.42 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | menu-toggle.js | 753 bytes |
| | Reset.css | 2.41 KB |
| | nav-social.css | 1.59 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 643 bytes |
| | nav-base.css | 379 bytes |
| | nav-single-level.css | 281 bytes |
| | layout.css | 280 bytes |
| | nav-mixed.css | 48 bytes |
| | Menus.html | 11.41 KB |
| | style-menus.css | 511 bytes |
| | jquery-2.1.3.min.js | 82.34 KB |
| | sidebar-switcher.js | 923 bytes |
| | menu-toggle.js | 753 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.41 KB |
| | holy-grail.css | 1.97 KB |
| | nav-social.css | 1.7 KB |
| | nav-multi-level.css | 1.14 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 952 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | nav-advanced.css | 611 bytes |
| | nav-base.css | 379 bytes |
| | Menus.html | 11.41 KB |
| | all-together.html | 11.21 KB |
| | card-layout.html | 6.48 KB |
| | holy-grail.html | 3.96 KB |
| | style-all-together.css | 573 bytes |
| | style-menus.css | 511 bytes |
| | style-holy-grail.css | 343 bytes |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.4 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 964 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | card-layout.html | 6.34 KB |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.4 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | card-styles.css | 629 bytes |
| | layout.css | 280 bytes |
| | card-layout.html | 6.34 KB |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.4 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | card-styles.css | 477 bytes |
| | layout.css | 280 bytes |
| | card-layout.html | 6.34 KB |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.4 KB |
| | typography.css | 1.12 KB |
| | card-styles.css | 941 bytes |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | card-layout.html | 6.34 KB |
| | style-card.css | 332 bytes |
| | pool-cue-jenga.jpg | 70.63 KB |
| | Boller.jpg | 55.32 KB |
| | dinosaur-jacket.jpg | 44.87 KB |
| | chocolate-frog.jpg | 38.99 KB |
| | banana-wide.jpg | 36.95 KB |
| | boller-surprise.jpg | 34.58 KB |
| | diving-bird.jpg | 26.94 KB |
| | Reset.css | 2.4 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | card-styles.css | 477 bytes |
| | layout.css | 280 bytes |
| | card-layout.html | 6.34 KB |
| | style-card.css | 332 bytes |
| | Reset.css | 2.41 KB |
| | typography.css | 1.12 KB |
| | holy-grail.css | 1.02 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.31 KB |
| | style-holy-grail.css | 343 bytes |
| | Reset.css | 2.41 KB |
| | typography.css | 1.12 KB |
| | holy-grail.css | 1.02 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.31 KB |
| | style-holy-grail.css | 343 bytes |
| | Reset.css | 2.41 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | holy-grail.css | 665 bytes |
| | masthead.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.31 KB |
| | style-holy-grail.css | 343 bytes |
| | Reset.css | 2.41 KB |
| | typography.css | 1.12 KB |
| | Accessibility.css | 761 bytes |
| | masthead.css | 665 bytes |
| | holy-grail.css | 665 bytes |
| | layout.css | 280 bytes |
| | holy-grail.html | 3.31 KB |
| | style-holy-grail.css | 343 bytes |
Sharing Widget
All Comments