CSS - 101 Computing

Bonsai Haven – CSS Task

Administrator — Thu, 19 Jun 2025 08:33:43 +0000

Welcome to this exciting web design programming challenge designed to enhance your CSS skills. Today you’ll be working on the home page of an online shop called Bonsai Haven, an online store specialising in selling beautiful bonsai trees. In this…

The post Bonsai Haven – CSS Task first appeared on 101 Computing.

Creating a Visual Hierarchy in HTML/CSS

Administrator — Wed, 02 Apr 2025 17:06:10 +0000

In this post, we will explore the concept of visual hierarchy and how you can use your coding skills to recreate a specific visual layout. By the end of this challenge, you will have a better understanding of how to…

The post Creating a Visual Hierarchy in HTML/CSS first appeared on 101 Computing.

HTML and CSS Quizzes

Administrator — Mon, 16 Oct 2023 17:13:13 +0000

Do you know your HTML tags used to create a webpage? Do you know how to use CSS to customise the look and feel of all the elements of this page? See how many HTML tags and how many CSS…

The post HTML and CSS Quizzes first appeared on 101 Computing.

CSS Noughts & Crosses

Administrator — Tue, 18 Jan 2022 22:28:24 +0000

Test your knowledge of essential CSS properties by playing a game of noughts and crosses against the computer… Take the Quiz! (open full screen)

The post CSS Noughts & Crosses first appeared on 101 Computing.

Wanted Poster (CSS Task)

Administrator — Wed, 10 Mar 2021 16:31:08 +0000

For this challenge we will create a Wanted Poster using a range of HTML and CSS skills. CSS Selectors & CSS Properties In order to complete this challenge, you need a good understanding of how CSS selectors work. You can…

The post Wanted Poster (CSS Task) first appeared on 101 Computing.

Maritime Signal Flags Translator

Administrator — Wed, 07 Aug 2019 07:35:51 +0000

International maritime signal flags are various flags used to communicate with ships. The purpose of the International Code of Signals is to provide ways and means of communication in situations related essentially to safety of navigation. The code uses a…

The post Maritime Signal Flags Translator first appeared on 101 Computing.

Flip Cards in HTML, CSS & Javascript

Administrator — Thu, 27 Jun 2019 08:35:04 +0000

Check the following code used to create an interactive flip card that can be added to any existing web page. Your Task Change the HTML code to create a collection of flip cards using Computer Science terminology. (e.g. Programming Terminology)…

The post Flip Cards in HTML, CSS & Javascript first appeared on 101 Computing.

My Timetable in HTML / CSS

Administrator — Tue, 25 Sep 2018 20:09:05 +0000

Learning Objectives In this challenge we are learning how to draw and format a table on a web page using a range of HTML tags and CSS properties. HTML Tables First you may want to read a bit more about…

The post My Timetable in HTML / CSS first appeared on 101 Computing.

Sliding Puzzle

Administrator — Wed, 29 Aug 2018 17:34:48 +0000

The aim of this challenge is to use HTML, CSS and Javascript to create an interactive sliding puzzle. Step 1: Creating 9 tiles from a single picture, using CSS Our aim is the use a single picture file called flower.png…

The post Sliding Puzzle first appeared on 101 Computing.

Othello Game

Administrator — Mon, 25 Sep 2017 11:25:52 +0000

Othello (a.k.a. Reversi) is a strategy board game for two players, played on an 8×8 board. There are sixty-four identical game pieces called discs which are white on one side and black on the other. Players take turns placing discs…

The post Othello Game first appeared on 101 Computing.