Light painting taken on a road to depict speed and connectivity.

Website M.O.T... Is it web ready?

Code Validation!

This is an integral process in website development. Making sure your semantics are perfect could make or break (literally) your website. Due to this, whenever I make a significant change to my website I upload it to my web server and run the URL through w3school’s Nu HTML checker to see if I’ve made any errors in my coding. Although however, some elements such as ARIA roles tend to bring up warnings in this method of validation it is still important that you keep them in. After all, it is only a warning, not an error! Developers validate their code, much like I have, for various reasons. Be it as simple as debugging code it is a crucial part of the development process as it also enforces and teaches developers about best practices in website development. I have also made use of other free online tools such as CSS Lint to ensure that my CSS is valid and follows the industry standards.

Screenshot of this website passing the validator with zero errors or warnings.

Page Optimisation!

Being very interested in photography, this is always an issue I face when I design a website. I am always faced with the same argument; quality vs file size. Given that the images I usually use are taken using my DSLR, they often come with extremely large dimensions and incredibly high pixel density. One of the ways I combat this is through Adobe Photoshop’s ‘Save for web’ feature which allows you to select dimensions and file extension as well as remove select colours from the image pallet in hopes to reduce file size. This usually means that the image quality suffers terribly and as a result I am usually restricted in the images that I use. Recently, however, I have been told about free websites such as TinyPNG, which strip away a large amount of the image’s meta data and selective colours meaning that the image you are left with at the end still has a very high quality but with a fraction of the file size. I may consider, in the future, increasing the amount of time the website stores cached files as a hope to reduce the data usage of returning visitors!

Screenshot from TinyPNG showing that the difference between the optimised and original image is negligible.

SEO Optimisation!

As I am relatively new to the web development scene, this isn’t a subject I know a large amount about. As such I have ensured that I have rich and relevant meta data and that the site is totally mobile friendly as a hope to increase my website’s standing. To increase my knowledge into this field I intend to eventually integrate google analytics to my website to measure traffic and conduct further research into what I can do to increase the amount of viewers to my site, such as looking at google AdWords and reading related literature. The only indicator of my website SEO Score is through the Whois Lookup of my domain which shows at the time of this post is around 89%.
Take a look at the Git repo for this site!

Scrabble tiles spelling out "adwords".

Back to top.