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

Grid CSS Responsive Website Layout – “Mobile First” Design

Add MailTag to your browser (it’s free) ➜ https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video In this video we will build a “mobile first” single page website layout using the CSS Grid. We will use modern techniques including relative em units, media queries and even a little flex. CODE: Codepen https://codepen.io/bradtraversy/pen/RjpQvZ BECOME A PATRON: […]

CSS3 Animation & Transitions Crash Course

Add MailTag to your browser (it’s free) ➜ https://goo.gl/qZf5Pj Thank you MailTag for sponsoring this video This is a beginner friendly crash course on CSS animation using keyframes as well as CSS transitions. We will do a little experimenting and we will build a small animated landing page project. CODE: Code for this project http://www.traversymedia.com/downloads/cssanimations.zip […]

Build A Website With Foundation and Sass – Part 3

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 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 Website With Foundation and Sass – Part 1

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

Create a Responsive Website With the W3 CSS Framework

In this video we will build a responsive website using the W3.CSS framework from W3Schools. We will be working with HTML5 and CSS and a tiny bit of JavaScript. Font Awesome will be used for icons CODE: Code for this video http://www.traversymedia.com/downloads/acme_w3css.zip EDUONIX COURSES: Pleas use affiliate links from website below http://www.traversymedia.com/eduonix-courses SUPPORT: We spend […]