Build a Netflix Landing Page Clone with HTML, CSS & JS

In this video, we will re-create the Netflix landing page using HTML, CSS and a bit of JavaScript for the tabs. We will use modern CSS3+ techniques like Grid, Flex, overlays, shadows, etc Code: https://codepen.io/bradtraversy/pen/yWPONg Modern HTML & CSS Udemy Course Promo: https://www.udemy.com/course/modern-html–css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get […]

WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITE

Not using a build system/task runner? You’re missing out. A build tool like Grunt, Gulp, Brunch, etc will drastically improve your local development workflow as well as your deployed website. After watching this, checkout the next video on building your first system with Grunt: http://youtu.be/TMKj0BxzVgw WHY YOU NEED A BUILD SYSTEM LIKE GRUNT In this […]

CSS SELECTORS MADE EASY – HTML CSS Tutorial for Beginners

You won’t get far in web dev without understanding CSS selectors, and they aren’t hard at all! Play with the code! https://codepen.io/anon/pen/BGeKVM View the whole Web Development Tutorials for Beginners playlist! https://www.youtube.com/playlist?list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G Using CSS selectors are the bread and butter of HTML and CSS coding. You have to think about what elements on your page […]

Animate On Scroll Webpage | AOS Library

In this project we will build a webpage from scratch that uses the AOS (Animate on Scroll) library to implement a fading effect when the page is scrolled Code: https://codepen.io/bradtraversy/pen/bGbREWg Library Github: https://github.com/michalsnik/aos Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy Courses: https://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia Tweets […]

Product Landing Page | Build & Deploy | HTML & CSS

In this project we will build a small responsive landing page using modern css (grid, flex, media queries) and deploy it to Netlify with a working form. Code: https://codepen.io/bradtraversy/pen/MNEgoJ Udemy Course – Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html–css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa 💖 Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Udemy […]

Build a Responsive Grid CSS Website Layout From Scratch

In this video we will build a responsive Grid CSS layout using grid template areas. We will also be using other modern CSS features and techniques like css variables, rem units and flexbox. CODE: https://codepen.io/bradtraversy/pen/gvMGyB MY CSS GRID CRASH COURSE: WES BOS COURSE: https://cssgrid.io/ 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT […]

Create a Split Landing Page With HTML, CSS & JS

Create a split animated landing page using HTML5, CSS3 transitions and a bit of vanilla JavaScript. We will also be using CSS variables aka custom properties. CODE: Code for this project https://codepen.io/bradtraversy/pen/dJzzdB 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia […]