Rewriting my site in vanilla web
a year ago
- #Web Development
- #Vanilla JS
- #Web Components
- Rewrote website in vanilla HTML/CSS/JS to avoid complexity of frameworks and static site generators.
- Used Web Components for encapsulating repetitive sections, making HTML both the authoring and publishing medium.
- Adopted Semantic HTML and TAC CSS methodology for leaner markup and modular styling without excessive classes.
- Implemented Web Components with Light DOM for simplicity, avoiding heavy Shadow DOM features.
- Leveraged AI (LLMs) to automate conversion of old pages and components to the new style.
- Introduced client-side JS for lazy loading components based on viewport visibility.
- Emphasized pragmatism over purity, allowing for inline JS and breaking encapsulation when necessary.
- Redesigned the homepage to be more dense and desktop-equal, with plans to add dynamic elements like a Spotify card.
- Highlighted pros like instant feedback and no framework limitations, and cons like verbosity and frequent copy-pasting.