Mikołaj Gładysz

Music websiteXDDDDDDDD

post,HTML,CSS,JS

Website purpose

This website is a showcase of striming service, it has a tab with blog entries, a music player and a store with tutorials.

Modular design

the whole layout is divided into independent sections, which can be broken down into components, making it easier to implement frameworks such as vue.js

Animations

For the most noticeable component loading animations, I used the Aos library. Other animations you can find on the page are menu animation (mobile version) and object resizing animation (RWD) made in pure css

Lighthouse

In order to achieve almost perfect score in the lighthouse tool ( 100 performance on desktop, 93 on mobile) I used only svg icons loaded directly in the code of the page, any graphics that have an overlay have lower quality (unnoticeable to the user), and besides I stuck to the DRY rule (do not repeat yourself), which limited unnecessary code

More Info

Github: https://github.com/MikolajGladysz/Strona-muzyczna

View website: Link