A lot of it is imitation and trial and error. Some I'm taking direct inspiration from. vinyl.html is me recreating this advert by the Designer's Republic, for instance: https://www.metanetsoftware.com/wp-content/uploads/2016/06/colours-1.jpg I also used it as an opportunity to learn how to use javascript to change the content of a page dynamically.
Some, like the new index.html, comes from my current self-imposed rule of trying to keep everything constrained to a single screen (i.e. if there's a scrollbar, it's for a self-contained div) and a goal. With the index redesign, it was "Today I'm going to learn how to use the clip-path polygon property in CSS and use this new font I found" and sort of trying things out to see what worked and didn't.
All of the content was already there so it was a matter of figuring out the best way to rearrange things. The live preview function of the text editor I use (https://phcode.dev/) makes it easy to try stuff out in real time.
![.:.[heather saturnia].:. avatar](/site_screenshots/11/46/heathersaturnia/index.html.50x50.webp)
![notFuji[不藤] avatar](/site_screenshots/14/11/notfuji/index.html.50x50.webp)
![[Ｍｏｔｈｅｒｂｏａｒｄ] avatar](/site_screenshots/21/38/motherboard/index.html.50x50.webp)
Added archive.html, and now beginning the process of redesigning the older pages to align with everything I've learned so far.
Insanely impressive. How do you even go about designing these?
A lot of it is imitation and trial and error. Some I'm taking direct inspiration from. vinyl.html is me recreating this advert by the Designer's Republic, for instance: https://www.metanetsoftware.com/wp-content/uploads/2016/06/colours-1.jpg I also used it as an opportunity to learn how to use javascript to change the content of a page dynamically.
Some, like the new index.html, comes from my current self-imposed rule of trying to keep everything constrained to a single screen (i.e. if there's a scrollbar, it's for a self-contained div) and a goal. With the index redesign, it was "Today I'm going to learn how to use the clip-path polygon property in CSS and use this new font I found" and sort of trying things out to see what worked and didn't.
All of the content was already there so it was a matter of figuring out the best way to rearrange things. The live preview function of the text editor I use (https://phcode.dev/) makes it easy to try stuff out in real time.