#dxb301

I have really enjoyed this semester. I know my design is not as fancy, creative or technically proficient as some others in this unit, but I am really proud of what I have achieved.

It has been two years since I last coded and at the beginning of the Semester I was quite concerned with simply remembering HTML and CSS. My code is clean, well-written and easy to follow. I do my best to operate under best practices as specified by the W3C school.

Learning Javascript has been a steep learning curve, and I thank Dave for his patience, with everyone, particularly me. I have really enjoyed learning how JS helps to manipulate data and while my website doesn’t have super cool features, I love that I now understand that JS is how you create them.

It has been instrumental knowing Bootstrap, HTML5 and the JQuery library exist. They definitely assist in carving your coding time.

Future Opportunities

If I had future opportunities on this project I would have really liked my project to be 100% responsive. Unfortunately in certain viewport sizes my assessment, in some areas, doesn’t look exactly as it should.

-- Overall --

The project of creating the website was a challenge for myself in a couple of ways. For me I had never worked with bootstrap before and nor had I worked with skrollr either. Having these two options, as well as jquery available were a major help in creating the website that I wanted. Overall there were a number of plans that i wanted to complete, such as the block form for the ‘alternatives’ section. These however, did not happen due to time and knowlegde constraints. 

-- Design --

The design of the website did morph and change as I started to code. Through also studying typography I gained a greater appreciation for it. I decided to change the look of the website from being white font on a black background to change it to the opposite, black font on a white background. This was mainly decided as I didn't want a website that was too harsh to the eye but something simple and effectively told the facts in black in white. 

I decided to keep the logos in the website in their original colours to add some difference to the website, besides the large video.

 I used Raleway 100 weight as my main font for h1 and h2 text, the main body font for quotes was Kohinoor Devanagari weight 200. The  main reason as to why was due to the fact that Helvetica is not naturally occurring on windows devices, so therefore for many windows users the wanted font would not be known.  

It is well known that many people are visual and when they peruse websites they prefer visuals compared to lots of text as they may not even read it. Comparatively I decided to only implement a smaller amount of images as I didn't want to deter the reader from the main facts and opinions that make up the main justifications of the debate about online piracy. This is keep an on the fence attitude and not make it one sided. A ‘present the facts, and they can make up their own mind’ approach was taken. 

-- Improvements -- 

Further knowledge on being able to control elements and fix them in place for a full responsive design, no matter the screen size, would be one improvement that I would love to take on. Currently the websites elements, such as the alternatives section, start to break down depending on the screen size.

-- Future --

Here I finally implemented colour changes in links to demonstrate important data that I wanted my viewer to take away. I also implemented this video because I wanted to show some of the illustrator icons that didn’t make the cut. I was attempting to do some hovering techniques but unfortunately due to some confusion, I was able to have a proper link to implement a Java animation. Essentially, I wanted java to change the colour of a stat and have it also change the garbage bins to the matching colour of the statistic simultaneously. I thought that this would make the experience even more enticing for my viewing thats interacting with my UI but with my limited HTML skill set it was a lot harder to implement than I thought.

Most of my interactions on this website are only hover and appear functions however, I would have really liked to implement some more animations to them to make it more interactive and interesting. I was too caught up with some of the layout/construction problems (eg. skrollr) I encountered during the development stage. I think for future practices where heavy coding is required, I would definitely need to really plan everything out carefully, as well as research all the possible jQuery I could use beforehand so that I get a sense of the direction and level of interactivity I could achieve.