More results...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
post
page
◑ Python IDE Dashboard
Tag: CSS

Bonsai Haven – CSS Task

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…

Creating a Visual Hierarchy in HTML/CSS

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…

HTML and CSS Quizzes

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…

CSS Noughts & Crosses

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

Wanted Poster (CSS Task)

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…

Maritime Signal Flags Translator

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…

Flip Cards in HTML, CSS & Javascript

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)…

My Timetable in HTML / CSS

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…

Sliding Puzzle

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…

Othello Game

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…

Privacy Overview

This website will store some information about your preferences on your own computer inside a tiny file called a cookie. A cookie is a small piece of data that a website asks your browser to store on your computer or mobile device. The cookie allows the website to remember your actions or preferences over time.

You can delete all cookies that are already on your computer, and you can set most browsers to prevent them from being placed. However, if you do this, you may have to manually adjust some preferences every time you visit a site, and some services and functionalities may not work.

Most browsers support cookies, but you can set your browser to decline them and can delete them whenever you like. You can find instructions here for how you can do that on various browsers.

This website uses cookies to:

  1. Identify you as a returning user and to count your visits in traffic statistics analysis
  2. Remember your custom display preferences (such as light/dark theme option)
  3. Provide other usability features, including tracking whether you have already given your consent to cookies

Enabling cookies is not strictly necessary for the website to work but it will provide you with a better browsing experience.

The cookie-related information is not used to identify you personally and is not used for any purpose other than those described here.

There may also be other types of cookies created after you have visited this website. This site uses Google Analytics, a popular web analytics service that uses cookies to help to analyse how users use the site. The information generated by the cookie about your use of this website (including your IP address) will be transmitted to and stored by Google on servers in the United States. Google will use this information for the purpose of evaluating your use of other website, compiling reports on website activity, and providing other services relating to website activity and internet usage. Google may also transfer this information to third parties where required to do so by law, or where such third parties process the information on Google’s behalf. Google undertakes not to associate your IP address with any other data held by Google.