Before the advent of free cloud storage, different secondary storage devices were developed to manage data storage. As the size of data increases, the sizes of storage devices also increased and became more portable. Individuals and businesses were purchasing the devices that suit their need for backups and daily usage. Not until 2006 when Amazon launched their cloud infrastructure; followed by Dropbox and Microsoft in 2007, and Google in 2010. Cloud computing was never rampant in the early 2000s, even today, many people have not heard of it.
The tranform property and CSS3 animations are used to add life to HTML elements during user interaction. It allows us to smoothly transition elements from one style to another without the use of JavaScript.
Fonts are used to define the nature of texts. They define text’s character look, size, weight, and style. Fonts in web design are used to define the nature of texts on a web page.
Here we also discussed two free font services: adobe edge and google fonts.
In our previous post, we introduced @media rule. In this post, we are going to give detail of media query breakpoint and responsive web design.
To create a responsive website, we use media query.
In this course, we will look at how to ensure that our website is suitable for all kinds of devices. We will take time to look at how to design a responsive web layout using @media rule.
The grid layout gave us a better way to create a responsive website. The flexbox layout is great but it has its limitations. In flexbox, items are laid out in one dimension. In a grid layout, items are laid in two dimensions. The grid layout permits items to be laid out in columns and rows. It also gives room for space in between, called gutters.
Flexbox (flexible box) is used to create a single-dimensional responsive webpage. Flexbox layout is one of the CSS layouts as has earlier stated. In this module, we shall discuss in simple terms, how to use the flexbox layout in our webpages.
The float property and the position property can also be used to alter the default block flow of HTML elements. In this section, we shall discuss the float property, the clear property, z-index property, and the position property.
CSS layout deals with the arrangement of HTML elements in a webpage or website. Here we will learn how to position the contents of our HTML outside its normal flow.
The CSS box model is the core or primary component of every CSS web layout. In its simplest form, the CSS box model represents every HTML element in a rectangular box.
Pseudo-class selectors are used to styling the state of an element during users' interaction. Pseudo elements style a particular part of an element. Pseudo-class selectors are preceded with a ':' (colon) while pseudo elements are preceded with '::' (double colon).
There are different types of CSS3 selectors that every aspiring web designer must know. These selectors include simple, attribute, pseudo-classes, pseudo-elements, combinators, and multiple
