Tag: CSS

Wanted Poster (CSS Task)

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

nautical-flags

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

flip-card

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

my-timetable

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

sliding-puzzle-sorted

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 Data Structure using a 2D-array

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

Equalizer Animation Using JavaScript

equalizer

When your browser displays a webpage on screen it uses 3 different programming languages called HTML, CSS and JavaScript. We call the combination of these three languages “client-side web technologies”. Each of the three language has its own syntax and

Connect4 Challenge

Connect4 Data Structure using a 2D-array

In this blog post you will use HTML, CSS, and JavaScript to complete this game of connect 4 for two players. (Rules of the game) You will first need to reverse-engineer the code provided. The code so far is used

Mind the Gap

mind-the-gap

When your browser displays a webpage on screen it uses 3 different programming languages called HTML, CSS and JavaScript. We call the combination of these three languages “client-side web technologies”. Each of the three language has its own syntax and

Keep Calm and Carry On Coding

Keep-Calm-And-Carry-On-Coding

When your browser displays a webpage on screen it uses 3 different programming languages called HTML, CSS and JavaScript. We call the combination of these three languages “client-side web technologies”. Each of the three language has its own syntax and