Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
CSS Modern Responsive Web Design - Create Five Different Websites
CSS Modern Responsive Web Design - Create Five Different Websites

CSS Modern Responsive Web Design - Create Five Different Websites: Learn how to bring your HTML to life by applying CSS to your web code

Arrow left icon
Profile Icon Laurence Svekis
Arrow right icon
$54.99
Video Dec 2020 8hrs 43mins 1st Edition
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m
Arrow left icon
Profile Icon Laurence Svekis
Arrow right icon
$54.99
Video Dec 2020 8hrs 43mins 1st Edition
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m
Video
$54.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Key benefits

  • Become familiar with CSS Grid, CSS float, and Flexbox
  • Understand how to create modern and responsive mobile-ready navigation bars
  • Get ready to create five amazing responsive websites from scratch

Description

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

Who is this book for?

This course is for you if you want to become a web designer, web developer, or coder, or if you want to learn how to use CSS Grid, CSS float, and Flexbox to design and construct mobile-friendly websites. To get started with this course, you will need a basic understanding of HTML, CSS, JavaScript, and programming.

What you will learn

  • Create a custom grid to add columns and structure content
  • Add JavaScript auto-scroller to your websites
  • Find out how to make images responsive
  • Become familiar with modern navigation bar designs
  • Use CSS Flexbox to create responsive websites
  • Use JavaScript to create dynamic interactions

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Dec 22, 2020
Length: 8hrs 43mins
Edition : 1st
Language : English
ISBN-13 : 9781801074940
Languages :
Concepts :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : Dec 22, 2020
Length: 8hrs 43mins
Edition : 1st
Language : English
ISBN-13 : 9781801074940
Languages :
Concepts :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total $ 178.97
Responsive Web Design with HTML5 and CSS
$44.99
CSS Modern Responsive Web Design - Create Five Different Websites
$54.99
Responsive Web Design with HTML5 and CSS
$78.99
Total $ 178.97 Stars icon

Table of Contents

7 Chapters
CSS Course Information Chevron down icon Chevron up icon
Creating Five Websites from Scratch Using Modern Web Design – HTML, CSS, JavaScript Chevron down icon Chevron up icon
Modern Responsive Websites Using Float and CSS to Create Reusable Grids Chevron down icon Chevron up icon
Single-Page Flexbox Website with Auto-scroll JavaScript Chevron down icon Chevron up icon
"No JavaScript" Checkbox – Responsive Navbar Website from Scratch in the CSS Grid Website Section Chevron down icon Chevron up icon
JavaScript Collapsible Menu – Mobile-Ready and Fully Responsive CSS Float Website Chevron down icon Chevron up icon
CSS Flexbox Website with Responsive Navbar Sub-Menu Items Chevron down icon Chevron up icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.