Skills Overview

This page will be used to demonstrate the various skills I posess within Web Development

Cascading Stylesheets (CSS)

Cascading Stylesheets, or CSS as it's better known, is the overall design of your website. Imagine it as an outfit, if you would. Your website is built up of multiple layers, and the HTML that you have carved is likened to a sculpture; it's your basic structure before you start dressing it up. The stylesheets are what gives the website the "kerb appeal". Built from multiple layers itself, you can use it to completely overhaul how a website looks, and make identical sets of HTML code look completely different.

Style 1

For the first design I have gone for a similar style as the main style, with having the background of the header as an SVG Gradient to give it a more quirky style. I've also added brighter colours onto the titles for this design, instead of following on from the traditional minimalistic design that this page and the rest of the site follows.

Style 2

For the second design I have gone for a less traditional sidebar design, whilst maintaining a clean, simplistic look. This sidebar allows the end user to be able to navigate to the pages no matter how far down the page they have scrolled, as opposed to the traditional "non-static" top navigation bar, which is sits at the very top of the webpage.

ECMAScript / JavaScript (JS)

ECMAScript, more commonly known as JavaScript, is where it gets juicy. Sure, your website looks pretty with all your CSS styling, but it's not interactive! That's where JavaScript comes in. As you'll see demonstrated on the ECMAScript page, you can build complex queries to be processed within the browser, allowing the user to actually interact with the site instead of merely reading text off a screen.

As you can see from the example here, ECMAScript can be used to make a Coffee Shop Application. Click on the image or click here to view the working application.