Blog Archives

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

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

Responsive Website Layout

responsive-layout-website-design

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

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

merrychristmas

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

HTML – External CSS Stylesheet

external-css-stylesheet

Did you know? You can use CSS code both within your HTML page or as a separate CSS file Internal CSS Stylesheet Internal CSS is saved wihtin the HTML page by adding a <STYLE> tag inside the <HEAD> section of

Star Wars Quotes

Learning Objectives In this challenge we are learning how to format text on a web page using a range of CSS properties. Remember the key syntax for CSS is as follows: In this challenge we will use various CSS properties

Happy New Year!

HappyNewYear_CSS

Learning Objectives In this challenge you will learn how to format text using CSS including how to: Changing font style, Changing font color, Changing font weight, Changing text to italic, Underlining text. We will also investigate the use of borders,

Our Latest Book