YoVDO

Build a Responsive, Mobile First Website - HTML5 & CSS3

Offered By: Traversy Media via YouTube

Tags

HTML & CSS Courses Web Development Courses Emmet Courses HTML5 Courses Responsive Web Design Courses CSS3 Courses

Course Description

Overview

Learn to create a responsive, mobile-first single-page photography website using HTML5 and CSS3 in this beginner-friendly tutorial video. Explore mobile-first design principles, implement smooth scrolling, and style various elements including headers, footers, and buttons. Follow along to build a visually appealing website with hover transitions, custom fonts, and box shadows. Access the provided CodePen for the project's source code and check out recommended prerequisite videos on HTML and CSS basics to enhance your understanding.

Syllabus

Intro
What is Mobile First
Writing HTML
Using Emmet
Captions
Add Script
Add Font
Add Box Shadow
Add Landing Text
Add Text Alignment
Add Button
Hover Transition
Adding a Photo
Styling the Header
Styling the Footer
Making the Footer Bigger
Making the Button Bigger
Smooth Scrolling


Taught by

Traversy Media

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera