This is the personal website I am developing from scratch! To view the site, go to https://haoyan.org
To request a friend links, please email me at marvel0usx@outlook.com with the link to your site and a line of description.
Being the first website that I developed, this site is majorly implemented using vanilla Js, HTML5, and CSS3. It is rudimentary yet very robust and independent of third-party libraries. The developing notes are as follows.
- lazy-loading of images using intersection observer;
- decorations using ::before and ::after pseudo-elements;
- page transitions using iframe elements;
- animations and transitions in CSS, directing by Js;
- minimalistic design;
- grid and flexbox layout;
To further the initiative of this website, I will work on several new aspects of the current implementation has to be improved, and these including:
- improve the frame rate when rendering the animations;
- use postMessage for media control;
- change to a SPA if possible;
- turn the home page to a long-scrolling page;
- add blog page.