Web-Visualization-TTC8410-3001

https://aa4499.pages.labranet.jamk.fi/web-visualization-ttc8410-3001/

Report

Resourcing (use of time)

Time spent: 50h. Styling took most of the time.

Technology choices with reasoning behind them

SCSS because its faster to compile CSS and has features like variables, nesting, mixing etc. It's much simpler and quicker to write than standard CSS.

General thoughts about the work process and what was learned

I learned more about web accessibility and how to use CSS pre processors. In the beginning it was difficult to think about variables and other things when there was no 100% sure plan, but if you could get a ready designed UI model to make something like this it would be easy to create variables and elements etc.

Grade proposal for yourself, with reasoning

Atleast 4. The page goes through (https://wave.webaim.org/) pretty well, the only minus is one alert that comes from the navigation JS event, I didn't do anything about it because the menu only comes up in mobile so I thought it's not that important for screen reading. There are no contrast errors on the page or missing alt tags etc. The page also gets relatively good results from (https://developers.google.com/speed/pagespeed/). The page scales to mobile and works well.