Portfolio Implementation

When it came to creating the website I decided to write the website in Notepad++. "Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License." - notepad++

I chose to use this program because it coloured the syntax of HTML and CSS nicely which aided in the implementation process but mostly because I could have a side by side view of the HTML and CSS as shown in the screengrab below. (Click to enlarge)

Image of notepad++

Another tool which aided in creating my website was Adobe Photoshop, I used this program to resize most of the images on here. A screenshot of that process can be seen below. (Click to enlarge)

Image of Photoshop

Sites worth noting which helped in learning code and little tricks which made the site look better include w3schools, css-tricks and stackoverflow.

Stackoverflow problem

This image shows code I found which allowed me to implement the scroll to anchor jQuery animation