Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Rewriting my website in plain HTML and CSS

vijayp.dev

Post reply on HN
Print view View original

11–20 of 218 posts

Re: Rewriting my website in plain HTML and CSS

#11

Post by epolanski »

When I used to do interviews to frontend developers I often had them write a form with validation...in plain HTML and a sprinkle of js for some of the final validation touches.

Was kinda surprised at how many senior leetcode blackbelts didn't know HTML had built in validation :)

JS was required for some of the more complex validation logic and mounting few dom nodes (and again, surprisingly, many didn't know how to create an element and mount it!).

On the other hand I got to learn lots of nice tricks to complete some of the features (elements had to appear with conditional logic) with CSS only which was nice.

Re: Rewriting my website in plain HTML and CSS

#12

Post by dvt »

SuboptimalEng wrote: post #9

I started a portfolio website with Netlify (iirc), then I moved to Vue + Gridsome (on GitHub pages), then Next.js with Tailwind CSS, and was about to move to Vite.js over winter break. That's 4 stacks over the course of 5-6 years. Not worth it. Decided to do the sensible thing and use GitHub's README functionality. I prefer this approach and wish more folks in the tech community adopted it: https://github.com/Subopti…

GitHub was just down the other day. Why would you want your personal website/portfolio to be tied to GitHub? Crazy "modern web dev" stacks are likely overkill, but that's not an argument against self-hosting.

Re: Rewriting my website in plain HTML and CSS

#13

Post by catapart »

Good on ya! HTML+JS is plenty performant for a blog and I'm always happy to see more people eschewing frameworks when they're not necessary.

I've been writing a progressive web app that is, itself, a "web component" (custom element), built entirely with custom elements, so I feel like I've got a pretty good idea of how you can tackle that header reuse bullet point. Happy to give pointers if you're interested in that at all.

Anyway, great job on simplifying things! I hope it gets easier from here!

Re: Rewriting my website in plain HTML and CSS

#15

Post by yawnxyz »

jsheard wrote: post #2

I'm surprised to not see Astro mentioned, its whole schtick is providing very similar DX to frameworks like SvelteKit except in a way that's geared towards generating plain HTML/CSS with zero JS by default. You get things like components with scoped styles but they are compiled down to nothing. It's really a breath of fresh air.

Once I randomly discovered Astro, I couldn't go back.

I love that you can even drop in Svelte and React blocks right next to each other, so you basically the power of all the advanced frameworks, and the choice to pare it down to a barebones html static site

Re: Rewriting my website in plain HTML and CSS

#16

Post by nigel182 »

hollowturtle wrote: post #3

Nice job! If only HTML had a serious templating system(no the template tag isn’t enough) that could be used without JavaScript, we won’t need any 3rd party system for assembling static sites. For example a mechanism for including partials with the tag and refer them inside a or directly into current html

We've got frames and iframes...

Re: Rewriting my website in plain HTML and CSS

#17

Post by mplewis »

jsheard wrote: post #2

I'm surprised to not see Astro mentioned, its whole schtick is providing very similar DX to frameworks like SvelteKit except in a way that's geared towards generating plain HTML/CSS with zero JS by default. You get things like components with scoped styles but they are compiled down to nothing. It's really a breath of fresh air.

Astro is my favorite tool for static sites these days. It's wonderful.

Re: Rewriting my website in plain HTML and CSS

#18

Post by sneak »

dvt wrote: post #12
SuboptimalEng wrote: post #9

I started a portfolio website with Netlify (iirc), then I moved to Vue + Gridsome (on GitHub pages), then Next.js with Tailwind CSS, and was about to move to Vite.js over winter break. That's 4 stacks over the course of 5-6 years. Not worth it. Decided to do the sensible thing and use GitHub's README functionality. I prefer this approach and wish more folks in the tech community adopted it: https://github.com/Subopti…

GitHub was just down the other day. Why would you want your personal website/portfolio to be tied to GitHub? Crazy "modern web dev" stacks are likely overkill, but that's not an argument against self-hosting.

Personal websites can be down a few days a month without a problem.

Re: Rewriting my website in plain HTML and CSS

#19

Post by uncheckederror »

I've been maintaining my personal website as plain HTML for five years now. I must say, I quite like this method. There's no substitute for practice when it comes to maintaining your skills at editing HTML and CSS.

Yes, you must copy and paste content and not having layout page is annoying at times. But the overhead of just doing it yourself is surprisingly small in terms of the time commitment.

Typically, I'll draft a post in MS Word then open the git repo for my site, hosted on github pages, duplicate and rename the template.html page that includes the CSS, footer, and header for my site and then copy my content into it. When I'm happy with everything, I'll make my commit and then a minute later it's live at my custom domain. Seeing that it takes only 11KBs and 26ms to load my landing page strangely delightful.

Re: Rewriting my website in plain HTML and CSS

#20

Post by Gualdrapo »

hollowturtle wrote: post #3

Nice job! If only HTML had a serious templating system(no the template tag isn’t enough) that could be used without JavaScript, we won’t need any 3rd party system for assembling static sites. For example a mechanism for including partials with the tag and refer them inside a or directly into current html

(Chiming in because other people replying to you kept on the "iframe-like" part of the argument)

Or serializing ``s without needing JS. Like in lists (``, ``, ``...). All in all ``s are a nice thing to have, and I do use them a lot (like in my own portfolio), but it feels really lacking without JS.

Post reply on HN