Newer
Older
https://aa4499.pages.labranet.jamk.fi/web-visualization-ttc8410-3001/
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. Bootstrap, even though it is bigger than e.g. tailwind. Bootstrap is more robust than others in my opinion.
I learned more about web accessibility and how to use CSS pre processors and how to style ui without framework (React for example). 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.
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.