CSS Modern Responsive Web Design - Create Five Different Websites

By: Laurence Lars Svekis

Write A Review

eText | 22 December 2020 | Edition Number 1

At a Glance

Format
PDF

eText

$112.19

or 4 interest-free payments of $28.05 with

Instant online reading in your Booktopia eTextbook Library *

Why choose an eTextbook?

Instant Access *

Purchase and read your book immediately

Read Aloud

Listen and follow along as Bookshelf reads to you

Study Tools

Built-in study tools like highlights and more

* eTextbooks are not downloadable to your eReader or an app and can be accessed via web browsers only. You must be connected to the internet and have no technical issues with your device or browser that could prevent the eTextbook from operating.

In just seven hours, create five amazing responsive websites to understand Cascading Style Sheets (CSS) Grid, Flexbox, float, and a lot more

Key Features

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

Book 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

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

Who this book is 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.