Gain insights into creating stunning web layouts with HTML5, CSS3, and Bootstrap 4. Learn about responsive design, CSS frameworks, and advanced techniques like CSS grid, transitions, animations, and transforms.

usamaBoy.tar.gz

usamaBoy

usamaBoy-copy

This course provides an in-depth look into building web layouts from scratch. It includes detailed guidance on HTML5, CSS3, and Bootstrap 4. 


You will begin with an overview of the basics of HTML and CSS. Using the knowledge you gain in the first few lessons, you will build an HTML5 and CSS3 layout. Next, you will make the layout responsive using media queries. Then, you will learn about popular CSS frameworks and create your own micro framework. After this, you will build a layout using the Bootstrap 4 framework. Finally, you will learn about CSS grid, transitions, animations and transforms.

By the end of this course, you will become an expert in creating web layouts and know about the tools and technologies required for this task.

Build Amazing Layouts with HTML5, CSS3, and Bootstrap 4

In 2007, Hampton Catlin came up with **Syntactically Awesome Style Sheets (Sass)**, written in the Ruby programming language. You might have also come across the SCSS acronym, which stands for Sassy CSS. Both Sass and SCSS are so-called CSS preprocessors.

Even though Sass was written in Ruby, it has been discontinued, meaning there has been no active development since the first half of 2019. However, you can still use it. The most popular version of Sass today is Node Sass. We’ll cover how to install it and use it later on in this lesson.

Let’s see a quick demo of what Sass/SCSS does.

## A demo for Sass

We'll begin our Sass file by declaring a class called `box`:



In 2007, Hampton Catlin came up with **Syntactically Awesome Style Sheets (Sass)**, written in the Ruby programming language. You might have also come across the SCSS acronym, which stands for Sassy CSS. Both Sass and SCSS are so-called CSS preprocessors.

Even though Sass was written in Ruby, it has been discontinued, meaning there has been no active development since the first half of 2019. However, you can still use it. The most popular version of Sass today is Node Sass. We’ll cover how to install it and use it later on in this lesson.

Let’s see a quick demo of what Sass/SCSS does.

# A demo for Sass

We'll begin our Sass file by declaring a class called `box`:



Learn about the history and benefits of using SCSS.

Introduction

Whitespace, HTML Elements, and CSS Selectors

CSS Display Property

The Box Model

CSS Positioning

Images and Floats in CSS

CSS Selectors and CSS Targeting Revisited

Building the First Layout

Converting Our First Layout Into a Responsive One

CSS Resets and Emmets

Column-Based CSS Layouts

An Overview of Popular CSS Frameworks

Micro CSS Framework

CSS Transitions, Animations, and Transforms

Introducing the CSS Grid

CSS Tips and Tricks for Beginners

Wrapping Up

Introduction to SCSS

A demo for Sass