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 […]

Build A Website With Foundation and Sass – Part 2

In this video we will build a web hosting company website/template using the Foundation Framework, Foundation-cli and Sass. This project will give you a better grip on modern front-end development and build on your HTML and CSS skills CODE – https://github.com/bradtraversy/bthosting_foundation DONATIONS: We spend huge amounts of time making these videos available for free. Any […]

Build A Travel Agency Theme With Materialize CSS 1.0.0

Add MailTag to Chrome: http://go.mailtag.io/7ubwpEqi In this video we will build a travel agency website theme using Materialize CSS 1.0 WITHOUT jQuery. We will utilize plugins like Scrollspy, Material Box, Slider and Sidenav using only the Materialize JavaScript and vanilla JS. Codepen: https://codepen.io/bradtraversy/pen/pLGzdg Full Theme With Images: http://traversymedia.com/downloads/travelville.zip Complete Materialize CSS Course: https://www.udemy.com/materialize-css-from-scratch-with-5-projects/?couponCode=TRAVERSYMEDIA 💖 Become […]

Skeleton CSS Crash Course & Landing Page

In this video we will create a Skeleton CSS boilerplate cheat sheet and then create a simple responsive landing page based on the demo CODE: Code for this video http://www.traversymedia.com/downloads/skeletoncrash.zip BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia COURSES & MORE INFO: http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia Tweets by traversymedia […]

Responsive HTML & CSS Side Menu From Scratch

In this video we will build a responsive collapsible side menu using HTML5, CSS3 and just a bit of JavaScript. We will not be using any 3rd party frameworks or libraries, everything is from scratch CODE: Code for this video http://www.traversymedia.com/downloads/sidemenu.zip CHEAP WEB HOSTING: Check out eHost http://track.ehost.com/594a594410143/click SUPPORT: We spend massive amounts of time […]

Bootstrap Beginner Crash Course

Want to learn Twitter Bootstrap? In this video we will cover the Twitter Bootstrap framework in depth from installation to all of the HTML/CSS components and features. Grid System Navbars & Dropdowns Jumbotron List Group Alerts & Progress bars Typography Labels & Badges Much More… CODE – http://www.traversymedia.com/downloads/bootstrap_cheatsheet.zip 9 HOUR BOOTSTRAP 4 COURSE W/5 PROJECTS: […]

CSS Grid Layout Crash Course

In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW […]

Responsive Landing Page Using HTML & CSS (A Little jQuery)

In this project we will build a responsive landing page website from scratch without any frameworks. It will be modeled after the iTunes website as far as layout and content. We will use HTML5, CSS3 and a bit of jQuery Sponsor: JavaScript Edegree Mastery Course Code: https://github.com/bradtraversy/mytunes_landing Deployment: https://bradtraversy.github.io/mytunes_landing Smartmockups (Please use this affiliate link): […]