Javascript

The Big Three – HTML, CSS, Javascript

Web pages have three key technologies on which they can draw. The big three are:

HTML (Hypertext Markup Language) – Provides structure to you document. Often described as providing semantic markup – the HTML should give structure and meaning to the content. For example a <h1> heading tag marks the content as a heading, both structurally and sematically. The HTML also describes the DOM (Document Object Model).

CSS (Cascading Stylesheets) – A complimentary technology to HTML, CSS’s role is to style the document adding colour, setting fonts, laying out the design of the web page. CSS provides a set of selectors allowing the designer to identify different aspects of the document.

Javascript – Javascript adds interaction to the web page. Javascript can respond to events such as the user clicking on an image. Javascript responds by rewriting parts of the HTML. Note, the events that Javascript can respond too can be as simple as the page loading.

Recent Posts

Posted in capacity as Module Leader Group Software Development, Department of Computing Sheffield Hallam University A Morgue One hundred students, 10 clients, 5 labs of University PCs, overzealous Facilities department and the Sheffield weather. What could possibly go wrong? Last week was ‘Scrum Week’. Nineteen groups of students working flat out 9-5, Monday to Friday…

Before reading the following ensure you are happy with the flexbox concepts of main axis and cross axis discussed in my previous post. Justification on the main axis The CSS property justify-content is used to control spacing between and around items along the main axis (assuming extra space is available). It is applied to the…

The concept of ‘flexible box’ or flexbox is name of the CSS3 flex layout model. Flexbox is based around flex containers and flex items. A flex container is a parent element to flex items. Flex items are the immediate children of the flex container and can be laid out in any direction. Take the following simple…