![CSS Modern Responsive Web Design - Create Five Different Websites [Video]](https://content.packt.com/_/image/original/V17171/cover_image_large.jpeg)
CSS Modern Responsive Web Design - Create Five Different Websites [Video]
Video
Video
$54.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
Video
$54.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterCSS Course Information
- Introduction to Getting Started with CSS Web Design for a Beginner's Course
- Adding CSS to Your HTML Page from CSS File
- How to Select Page Elements CSS HTML Page Element Selection
- Setting Colors for Text and Backgrounds with CSS Adding Images to Elements Color
- What Is the CSS Box Model and How to Set Border Margin Padding for Elements
- How to Apply CSS to Text Setting Font Styling Text Decoration and Transformation
- How to Set the Element Display Values and What Display None Does Versus Visibility Property
- CSS Position Method for HTML Page Element Absolute Relative Fixed Static
- How to Use Float to Set Images in Line with Text and Position Elements with CSS
- CSS Pseudo-Classes for Hover Effects and More; Create Interactive Content CSS
- Pseudo-Elements CSS Adding Content to Page Elements with CSS
- How to Create a Simple Template Using CSS Float Layout with CSS Three-Column Website
- Create a Three-column Website Layout with CSS Flexbox Simple Layout Design
- Modern Responsive Three-Column Website Template with CSS Grid Quick Layout Design
-
Creating Five Websites from Scratch Using Modern Web Design – HTML, CSS, JavaScript
-
Modern Responsive Websites Using Float and CSS to Create Reusable Grids
- Creating a Single-Page Float Website with a Grid Structure Using CSS
- Setting Up Your Web Development Environment
- Creating a Website Wireframe to Plan Your Site
- Adding the HTML Main Structure
- Updating HTML with Styles
- Creating a Responsive Navbar
- Creating a Mobile-Ready Responsive Navbar
- Adding More Content to Your Website's Top Section
- Creating a CSS Grid for Your Website Using Float
- Adding an Image Gallery
- Creating Content Areas – Multiple Columns Content Area
- Adding a Single Column to a Grid
- Creating a Contact Form Using CSS and HTML
- Adding Mailto to Your Contact Form
- Adding a Style to Your Website
- Adding and Moving Sections in a Single-Page Website
- Single-Page Website Review
-
Single-Page Flexbox Website with Auto-scroll JavaScript
- Single-Page Flexbox Website Introduction
- Flexbox Website: Setting Up a Webpage
- Creating Sections in a Single-Page Website Using Flexbox
- Creating a Navbar Using Flexbox
- Designing and Adding Content to the Home Screen Section
- Applying Your Own Custom Grid Columns with Flexbox
- Creating CSS Flexbox Page Cards with Flexbox
- Creating a CSS Form Using CSS Flexbox
- Creating a Footer
- Creating Smooth Scrolling Using JavaScript
- Adding Smooth Scrolling to Your Website Using JavaScript
- Single-Page Flexbox Website Review
-
"No JavaScript" Checkbox – Responsive Navbar Website from Scratch in the CSS Grid Website Section
- CSS Grid Website Introduction
- Preparing Your Design – CSS Grid Setup
- Creating a Website – CSS Grid
- Creating a CSS Grid Responsive Navbar
- Adding a Responsive Navbar to Your Website
- Creating a Fully Responsive Collapsible Navbar
- Adding Placeholder Content
- Updating the Page Footer
- CSS Grid Website Review
-
JavaScript Collapsible Menu – Mobile-Ready and Fully Responsive CSS Float Website
- Introduction: Responsive Float Website
- Modern Website: Website Setup and Planning
- Creating a Modern Website: Set Up Main HTML
- Making a Responsive Navigation bar Using CSS Navbar Styling
- Making a Dynamic Collapse Menu Using Responsive CSS Navbar
- Mobile-Ready Navbar Menu Using Responsive CSS Navbar
- Adding JavaScript Select and Toggle to Your Navbar Menu Items
- Custom Dynamic Grid – Creating a Website and Column
- Adding Placeholder Content and Resources
- Best Resources for Web Design – Adding Placeholder Content
- Website Tweaks and Adjustments
- Float Responsive Website Review
-
CSS Flexbox Website with Responsive Navbar Sub-Menu Items
- Complex Responsive Navbar Introduction
- Website Planning and Setup for Modern Website Design – Flexbox
- Creating a Website by Applying CSS for Websites Using Flexbox
- Mobile-First Website Design: Creating a Responsive Navbar
- Mobile-First Design: Creating a Responsive Navbar with Menu Items
- Adding JavaScript: Creating an Interactive JavaScript Navbar Toggler
- More Complex Multiple Layer Menu with Sub-Menu Items: Adding Navbar Sub-Menu
- Responsive Navbar with Sub-Menu Items – Navbar Sub-Menu JavaScript
- Responsive Menu with Sub-Menu Items – Website Tweaks and Updates
- Complex Responsive Navbar Overview
About this
video
Today, websites come with a variety of designs that are completely different from each other. As a web designer, the more exposure you have to different designs, the better. In this course, you will learn to create five different modern websites from scratch using floats, CSS Grid, and Flexbox.
To understand the process behind creating reusable grids using floats and CSS, you will create a single-page responsive website. Next, you will create a single-page Flexbox website with auto-scroll JavaScript. You will then get to work with a responsive collapsible navigation bar by creating a CSS Grid website. Moving along, you will create a fully responsive website using the features of responsive float. Finally, you will create your fifth website—a CSS Flexbox website—to understand the implementation of navigation sub-menu items.
By the end of this course, you will have gained the practical skills to develop real-world responsive websites using the features of CSS.
All the resources for this course are available at: https://github.com/PacktPublishing/CSS-Modern-Responsive-Web-Design-Create-5-Different-Websites
- Publication date:
- December 2020
- Publisher
- Packt
- Duration
- 8 hours 43 minutes
- ISBN
- 9781801074940
Download code from GitHub
![MERN E-commerce from Scratch [Video]](https://static.packt-cdn.com/products/9781801077545/cover/9781801077545-original.png)
![CSS Modern Responsive Web Design - Create Five Different Websites [Video]](https://content.packt.com/V17171/cover_image_small.jpeg)