14th December 2018

Mobile Graphics and Animation

As I was mostly focusing on my web development at this point, I only slowly configured Adobe Animate and set everything up to be ready for when I start making my animation. During this time I set up my workspace to better match the layout I was used to in Adobe Photoshop and Adobe Illustrator. I also changed the default project template to a more suitable and modern aspect ratio, deciding on a sixteen-by-nine aspect ratio with the base template file being only 1280 pixels by 720 pixels as I could upscale it when publishing if a higher resolution is desirable.

 

Markup Languages and Styling

The website was coming together and I ended up using a relatively large amount of JavaScript relative to my skill-level with it, however due to the previous configuration changes in my editor it was easily manageable.

As a consequent of in-optimal images on the ‘my work’ page, I had to change the image sizes per-section in order to fit intended grid design I had made during the design process, but this became problematic as relative scaling gave issues across multiple devices therefore the entire JavaScript that handled the DOM elements on the HTML page was re-written to write different CSS rules depending on the screen width. The result was a page that could be expanded upon and scaled to fit various screen sizes and resolutions, although it was not done with every page as certain pages, such as the about me page, are only based on text and re-creating pages was not feasible with the amount of time available.

An issue I faced at this stage was my current web server having issues, my server was running correctly however the NGINX (2018) instance was encountering errors and not starting up. I could not diagnose the issue, and settled to use a GoDaddy with cPanel to host my website as, even if I could get my server to work, the instability of the server beforehand may have been problematic.

 

References

NGINX (2018) nginx. Available at: https://nginx.org/en/ (Accessed: 13 January 2019)