Page 1 - Web Design

Web Design 1
What Is Above The Fold

What Is Above The Fold?

Difficulty: Medium

Above the fold describes the upper part of a webpage that a visitor sees before scrolling down. The 'fold' is where the browser window ends, but the rest of the webpage can be viewed by scrolling down.

What Are Web Safe Colours

What Are Web Safe Colours?

Difficulty: Advanced

Web safe colours, also known as browser safe colours, are 216 colours that will not be dithered (altered) when shown on a computer monitor only capable of displaying an 8-bit colour.

What Is Cornea Gumbo

What Is Cornea Gumbo

Difficulty: Medium

Cornea gumbo describes a webpage that is overly flashy, overwhelming, or overstuffed for users.

What Is Website Consistency

What Is Website Consistency?

Difficulty: Easy

In web design, consistency is the practice of ensuring that the design of webpages stays the same throughout the website.

What Is Bootstrap

What Is Bootstrap?

Difficulty: Medium

Bootstrap is an open-source CSS framework used in frontend web development to create responsive and mobile-friendly websites. It consists of a wide collection of responsive HTML and CSS design templates.

What Is Article Spinning

What Is A Font Family?

Difficulty: Medium

A font family is a CSS property that specifies the font for an element. It determines the font face used to render characters in a HTML document.

What Is A Hamburger Menu

What Is A Hamburger Menu?

Difficulty: Medium

A hamburger menu, also known as a three-line menu, is an icon found in the top corner of the top navigation bar of websites that consists of three horizontal lines and displays when the navbar collapses.

What Is Hover State

What Is Hover State?

Difficulty: Medium

Hover state, also known as rollover state, is the appearance of a button or link whilst the pointer is hovered over it, but not clicking on it. The link or button may change colour, display an animation, or zoom in.

What Is Alignment

What Is Alignment?

Difficulty: Easy

In web design, alignment is the process of positioning elements of a website, such as buttons, titles, text, images, icons, videos, and content boxes in a straight, symmetrical line.

What Is A Website Template

What Is A Website Template?

Difficulty: Medium

A web designer is a person responsible for designing and managing the look and feel of a website, the graphical elements, the theme, the user interface, and what users interact with.

What Is A Web Designer

What Is A Web Designer?

Difficulty: Easy

A web designer is a person responsible for designing and managing the look and feel of a website, the graphical elements, the theme, the user interface, and what users interact with.

What Is A Dropdown Menu

What Is A Dropdown Menu?

Difficulty: Medium

In web design, a dropdown menu, also known as a dropdown list, is a prebuilt user interface element that offers a list of options that remains hidden until the user hovers over or clicks on the button or text.

What Is Web Navigation

What Is Web Navigation?

Difficulty: Easy

Web navigation is a user interface component that allows users to quickly jump from one page to another without having to manually type the URL or search through the website.

What Is A Website Footer

What Is A Website Footer?

Difficulty: Easy

A website footer is a section of a website, located right at the bottom of every webpage, that contains important information and links.

What Is Infinite Scrolling

What Is Infinite Scrolling?

Difficulty: Medium

Infinite scrolling is a web design functionality that automatically loads content as the user scrolls down to the bottom of the page with no visible end line. It allows users to infinitely scroll down.

What Is Pagination

What Is Pagination?

Difficulty: Easy

Pagination is the process of breaking up web content into different pages in order to make it more user-friendly, prevent the page from becoming overloaded, and prevent users from becoming overwhelmed by the large amount of content on one page.

What Is A Breadcrumb Trail

What Is A Breadcrumb Trail?

Difficulty: Medium

A breadcrumb trail, also known as breadcrumb navigation, or breadcrumbs, is a user interface element displayed outside the navigation bar that allows users to trace the directory path of the current page they are visiting.

What Is A HTML Colour Code

What Is A HTML Colour Code?

Difficulty: Medium

A HTML colour code is a triplet hexadecimal method of representing a colour in an RGB format. Three values are combined together, including red, green, and blue in order to digitally make up a colour.

What Is Whitespace

What Is Whitespace?

Difficulty: Medium

In web design, whitespace, also known as negative space is simply the space left blank or unmarked between different elements on a website...

What Is Anchor Text

What Is Anchor Text?

Difficulty: Medium

Anchor text is the visible, clickable text in a hyperlink. In HTML, it can be known as the link label. The anchor text is the second part of the hyperlink...

What Is The Golden Ratio

What Is The Golden Ratio?

Difficulty: Medium

The golden ratio, also known as the golden rectangle or divine ratio, is a special formula that is equal to 1:1:618, illustrated with seashell-shaped spirals, that dates back to over 4000 years ago when scientists discovered that most old buildings comply with the golden ratio.

What Is The Rule Of Thirds

What Is The Rule Of Thirds?

Difficulty: Medium

In web design, the rule of thirds is a principle that states that placing items of interest on the thirds of an image keeps users more engaged and is more appealing to the eye than placing them in the centre.

What Is A Navigation Bar

What Is A Navigation Bar?

Difficulty: Easy

A navigation bar, also known as a navbar, is a design element of a webpage that acts as an organised list of links to other pages. Almost all websites contain a navigation bar at the top of every webpage.

What Is The CSS Box Model

What Is The CSS Box Model?

Difficulty: Medium

In CSS design, the box model is a container that consists of four properties that wrap around each HTML element. The properties of the box model include...

What Is A Website Wireframe

What Is A Website Wireframe?

Difficulty: Medium

A website wireframe, also known as a website mockup, is a blueprint created in the early development stage of a website, used for giving an idea about the structure and design of a website before any code is written.

What Is Backend Development

What Is Frontend Development?

Difficulty: Medium

Frontend development, also known as client-side development, is a category of web development that refers to the work involved in creating, developing, building, and maintaining what users see on their end of the website.

What Is JavaScript

What Is Web Accessibility?

Difficulty: Easy

Web accessibility, also known as e-accessibility, is the practice of making a websites accessible to all visitors using any device, including those with disabilities...

What Is CSS

What Is CSS?

Difficulty: Medium

Stands for Cascading Stylesheets. CSS is a stylesheet language used to define how HTML elements are displayed in a web browser.

What Is Web Design

What Is Web Design?

Difficulty: Easy

Web design is an aspect of web development that refers to designing and managing the look, feel, layout, visual appearance, usability, and theme of a website.

What Is A Responsive Web Design

What Is Responsive Web Design?

Difficulty: Medium

Responsive web design is a technique that automatically adapts webpages to the visitor’s screen size and width without user interaction. Responsive web design ensures that all the content...