Skip to content

Princesseuh/princesseuh.dev

redesign
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

princesseuh.dev

Source code for my website, princesseuh.dev.

This website contains articles I wrote, a list of projects I made, a catalogue of the things I played/read/watched and finally, a wiki about various things

Tech stack

The website is made using Astro, styled using Tailwind and the interactive parts are written in Typescript however, no framework is used

Technical motivations

While I don't necessarily have big ambitions for this website, I'm still trying to make it a good experience, as such, here's a few rules that I (try my best) follow for that purpose:

Performance

  • Pages should be as lightweight as possible. A page shouldn't initially weight more than 2mb. Heavy content such as images or embeds should be lazy-loaded when possible, otherwise, only loaded on interaction or through a link. Pages should load under 200-300ms on a fast internet and under 2s on much slower internet connections. All in all, that means that:
  • Javascript should only be ever used for progressive enhancements or if there's no alternative. Apart from a few exceptions (such as the catalogue), the website should work with Javascript disabled or not loaded yet. In cases where that isn't possible, an alternative experience albeit not as complete should be provided

Accessibility

  • The website should be as accessible as possible, while I unfortunately probably cannot fulfill every needs, low-hanging fruits such as accessible colors, alt texts on images, proper usage of headings are all fairly doable and should be done