Portfolio Implementation

Most of the images on this site where resized using Photoshop. This helps to retain image quality, whilst reducing the image file size.

Resizing Images

I used some CSS to change the font and make the links on the home page change colour when the mouse is hovering over them. I have added a short video showing the me navigating the site and editing the code.

Once i had finished implementing the design i tested it on different devices. This is important as we do not know what devices users will be viewing the site on. I found that this site functional on all the phones and computer screens i tested it on.

The grid tool is useful when positioning text and media on to the page. I think it is important to have the text area and media inline with each other as you look down the page.

In this short video i show how i uploaded the images onto the page. I then resize them slightly so that they are the same size as the other media on the page. This process is used through out the site.

Contact - rainmusic1@outlook.com