When starting out as a designer or when doing a new design project it make sense to make your colour palette as simple as possible. Monochrome colour scheme use just one colour with varying gradients and are the simplest possible colour schemes. Monochrome colour schemes came into popularity during the…

Elements on web pages are usually (like here on medium.com) centred to improve readability. Knowing how to do this well ensures that you have a good foundation on which to build the rest of your design. Create the Parent element styles Most pages will have a wrapper that acts as…

Web pages are usually designed with elements that fit well across the page. Understanding the CSS properties that enable you to do this forms the basic skills needed to build upon, improve, scale, maintain and test your app.In this article, we look at how to do this step-by-step. 1. Create the Parent element styles The parent element that acts as a wrapper for the nestedor children elements. Set the width property to fill available space.

Styling is the presentation layer of any webpage or website. CSS is usually the styling framework preferred for this purpose. There are three common ways to include CSS in your HTML web page. Below we look at each one in greater detail. 1. Inline This is the easiest way to…

Like all programming languages, JavaScript has types. But types in JavaScript are not explicitly declared. JavaScript decides on its type dynamically based on context. Understanding types helps you debug code many code errors are type related. Below see how to declare and find out a type in JavaScript. First to…

Block level elements start on a new line. Common examples are: <div> <p> <h1> -<h6> Inline elements don’t start on a new line. They take as much width as necessary where started. Common examples are: <span> <img> <a>

Before starting to write code for your application, taking some time to think about its basic architecture helps to give it a good structure to work with. Most Front-end developers will start to write code for their application from the browser. But it helps to know how to setup a…

When starting out on your Linux journey, there are a few concepts that are keys to working with Linux successfully. …

Industry experts agree that typography, spacing and colour form the key basic principles for designing things like layouts for the web. They are the three ingredients or building blocks to work with to create a cohesive composition. In this article, we explore how to create a simple single column layout…