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: Library Github: Sponsor: DevMountain Bootcamp 💖 Become a Patron: Show support & get perks! Udemy Courses: Follow Traversy Media: 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 – 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: 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: Full Theme With Images: Complete Materialize CSS Course: 💖 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 BECOME A PATRON: Show support & get perks! ONE TIME DONATIONS: COURSES & MORE INFO: FOLLOW TRAVERSY MEDIA: 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 CHEAP WEB HOSTING: Check out eHost 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 – 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 BUILD A CSS GRID WEBSITE: BECOME A PATRON: Show support & get perks! ONE TIME DONATIONS: 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: Deployment: Smartmockups (Please use this affiliate link): […]