Tutorialsplanet.NET-Udemy - Build Social Media Navbars with SCSS & CSS Grid & FlexBox

• Tutorialsplanet.NET-Udemy - Build Social Media Navbars with SCSS & CSS Grid & FlexBox
• 1/1. Section Intro,.mp4 12.2 MB
• 1/2. Build a FlexBox CSS NavBar with Animations..mp4 53.7 MB
• 1/2.1 CSS FlexBox Tutorial on medium.com.html 135 B
• 1/2.1 project source code on codepen.io.html 112 B
• 1/2.2 CSS FlexBox Tutorial on medium.com.html 135 B
• 1/2.2 project source code on codepen.io.html 112 B
• 1/3. Build a 3x3 Photo Layout with CSS Grid & the Unsplash API..mp4 95.5 MB
• 1/3.1 source code on codepen.io.html 99 B
• 1/4. Section Outro..mp4 10 MB
• 2/1. Section Intro.mp4 8.1 MB
• 2/2. Project Setup - why we need Node, installing Node.JS, and project setup..mp4 63.8 MB
• 2/2.1 node.JS website.html 83 B
• 2/3. How to compile SCSS - Installing node-sass with NPM for SCSS to CSS compilation..mp4 69.6 MB
• 2/3.1 node-sass on npmjs.com.html 100 B
• 2/4. SCSS compilation - Advantages of SCSS & how to watching for live updates..mp4 44.4 MB
• 2/5. How to run SCSS on a local server - Using live-server globally for development..mp4 49.8 MB
• 2/5.1 live-server on npmjs.com.html 100 B
• 2/6. Section Outro.mp4 6.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/1. Section Intro.mp4 9.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/10. SCSS Variables - Building a theme in SCSS.mp4 62.8 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/10.1 SCSS Variables Documentation..html 88 B
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/11. Imports & partials in SCSS - Multiple SCSS files.mp4 62.6 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/12. Navbar actions with FlexBox & CSS Grid.mp4 105.2 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/13. Create a SearchBar with an icon using CSS Grid.mp4 81.3 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/14. Styling navbar actions, search bar, and tweet button..mp4 153 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/15. Transitions & animations with CSS pseudo selectors..mp4 53.8 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/16. Finalizing our navbar styles - for now..mp4 103.6 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/17. Section Outro.mp4 6.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/2. Project Overview.mp4 17.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/3. Project Structure & SCSS setup..mp4 90.4 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/4. Google Fonts, Font smoothing, & basic styles..mp4 73.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/4.1 Google Fonts.html 141 B
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/5. Images & Building a layout grid with CSS Grid & Grid Template Columns + Rows..mp4 89.6 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/6. Naming Template Columns..mp4 23.8 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/7. HTML & Building a CSS Grid for our NavBar..mp4 134.5 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/8. Aligning our grid properly with justify-items and align-items..mp4 65.1 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/9. Font Awesome Icons & the profile circle image.mp4 88.6 MB
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/9.1 Twitter Icon.html 111 B
• 3. CSS Grid & Flexbox - Build the Twitter Navbar/9.2 Font Awesome CDN.html 90 B
• 4/1. Section Intro..mp4 11.8 MB
• 4/2. What we are doing & SCSS dev env setup (last time I promise)..mp4 136 MB
• 4/3. HTML & base styles to our template project..mp4 102.1 MB
• 4/4. Add Google Fonts + CSS Grid fractional (Fr) units & SCSS compilation explained..mp4 155.5 MB
• 4/5. Git version control & pushing our repo to GitHub..mp4 77.4 MB
• 4/6. Npm install & node_modules explained..mp4 86.6 MB
• 4/7. Section Outro..mp4 7.8 MB
• 5. FlexBox - Build the YouTube Navbar/1. Section Intro..mp4 6.6 MB
• 5. FlexBox - Build the YouTube Navbar/10. Sizing Images with object-fit & dimensions - logo, profile & cover images..mp4 123.4 MB
• 5. FlexBox - Build the YouTube Navbar/10.1 logo.png.png 7.3 KB
• 5. FlexBox - Build the YouTube Navbar/10.2 gti.jpg.jpg 2.5 MB
• 5. FlexBox - Build the YouTube Navbar/10.3 maxcodes.jpg.jpg 216.9 KB
• 5. FlexBox - Build the YouTube Navbar/11. Styling the search bar & search icon..mp4 161.9 MB
• 5. FlexBox - Build the YouTube Navbar/12. Using transform translate to move elements..mp4 28.6 MB
• 5. FlexBox - Build the YouTube Navbar/13. Section Outro..mp4 5.1 MB
• 5. FlexBox - Build the YouTube Navbar/2. Project Overview..mp4 43.7 MB
• 5. FlexBox - Build the YouTube Navbar/3. Cloning our repo for reuse..mp4 70 MB
• 5. FlexBox - Build the YouTube Navbar/4. Replacing grid with flexbox & adding some basic styles..mp4 44.6 MB
• 5. FlexBox - Build the YouTube Navbar/5. after pseudo selector - adding a box shadow to the navbar..mp4 56.7 MB
• 5. FlexBox - Build the YouTube Navbar/6. Navbar HTML.mp4 116.5 MB
• 5. FlexBox - Build the YouTube Navbar/6.1 logo.png.png 7.3 KB
• 5. FlexBox - Build the YouTube Navbar/6.2 maxcodes.jpg.jpg 216.9 KB
• 5. FlexBox - Build the YouTube Navbar/7. Creating our CSS Flexbox layouts..mp4 62 MB
• 5. FlexBox - Build the YouTube Navbar/8. flex properties - justify-content & align-items..mp4 60.2 MB
• 5. FlexBox - Build the YouTube Navbar/9. Creating an SCSS Mixin for our icon styles..mp4 40.8 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/1. Section intro.mp4 30.8 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/2. Flex Container - What is it, and how do we use it.mp4 53.1 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/2.1 css tricks flexbox resource.html 116 B
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/3. Flex Direction.mp4 34.3 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/3.1 css tricks flexbox resource.html 116 B
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/4. Flex Wrap.mp4 20.4 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/5. Justify-content.mp4 38 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/6. Section outro..mp4 4.9 MB
• 6. BONUS SECTION - Fundamental FlexBox Concepts!/7. Bonus Lecture - Course Codes..mp4 29.1 MB

No comments yet.