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)…
Get ready for the new computing curriculum. Find new computing challenges to boost your programming skills or spice up your teaching of computer science.
Tag: CSS
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…
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…
Equalizer Animation Using JavaScript
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
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
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
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…
Responsive Website Layout
When designing a website, you have to consider the different sizes of screens of your internet users. These may access your website using a computer (desktop/laptop), a tablet, a smartphone, a smart TV… A responsive website is a website where…
Using Google Fonts
When formatting text on a webpage, you will more likely want to use different types of fonts. You may be tempted to use fonts that are installed on your own computers. However, you need to be careful as there is…
CSS Snowman
Complete the following snowman using HTML and CSS code: See the Pen CSS Snowman by 101 Computing (@101Computing) on CodePen. Add a Message Add a “Merry Christmas” message above or below your snowman. And use CSS and google fonts to…
Flowchart Studio
Python Syntax