Pure CSS Website • Hacker News Board

Re: Pure CSS Website

#31

Post by oldsecondhand » Fri, Mar 22, 2024, 10:42 PM UTC

archiewood wrote: post #2

I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-css-site

Link is broken for me (404).

Re: Pure CSS Website

#32

Post by somishere » Fri, Mar 22, 2024, 10:51 PM UTC

throwaway14356 wrote: post #30

somishere wrote: post #18

Earlier quoted context omitted.

Epic. Tho where are the next level hover states?!

http://go-here.nl/omg-tables.html the css is js generated but doesn't need to be

:D

Re: Pure CSS Website

#33

Post by mmh0000 » Fri, Mar 22, 2024, 10:58 PM UTC

That's impressive. I expected, "Sure, it works, but the CSS is going to be a nightmare." Instead, the CSS is pretty, straightforward and easy to understand.

I love it!

Re: Pure CSS Website

#34

Post by duxup » Fri, Mar 22, 2024, 11:04 PM UTC

archiewood wrote: post #2

I built this website to see what was possible with only one div, and a stylesheet. No JS, No other HTML, just CSS. Source: https://github.com/archiewood/pure-css-site

I am both horrified and impressed.

Re: Pure CSS Website

#35

Post by corywatilo » Fri, Mar 22, 2024, 11:11 PM UTC

Alternate title: "How to scare an engineer in three words"

Re: Pure CSS Website

#36

Post by zichy » Fri, Mar 22, 2024, 11:21 PM UTC

ape4 wrote: post #29

Did you see this in the css @keyframes typewriter { 00.0% { content: "A" } 00.4% { content: "A " } 00.8% { content: "A W" } 01.2% { content: "A We" } 01.6% { content: "A Web" } 02.0% { content: "A Webs" } 02.4% { content: "A Websi" } 02.8% { content: "A Websit" } 03.2% { content: "A Website" } 13.2% { content: "A Website," } 13.6% { content: "A Website, " } 14.0% { content: "A Website, i" } 14.4% { content: "A Websit…

Yes, I opened the CSS file and there it was.

Re: Pure CSS Website

#37

Post by xyst » Fri, Mar 22, 2024, 11:31 PM UTC

lighthouse performance scores are perfect. accessibility fails. best practice category is 90+ (very minor issues). PWA is not applicable.

https://lighthouse-metrics.com/lighthouse/checks/38f2276c-bc...

lol,

Re: Pure CSS Website

#38

Post by xyst » Fri, Mar 22, 2024, 11:33 PM UTC

ape4 wrote: post #29

Did you see this in the css @keyframes typewriter { 00.0% { content: "A" } 00.4% { content: "A " } 00.8% { content: "A W" } 01.2% { content: "A We" } 01.6% { content: "A Web" } 02.0% { content: "A Webs" } 02.4% { content: "A Websi" } 02.8% { content: "A Websit" } 03.2% { content: "A Website" } 13.2% { content: "A Website," } 13.6% { content: "A Website, " } 14.0% { content: "A Website, i" } 14.4% { content: "A Websit…

just hardcoded things :)

Re: Pure CSS Website

#39

Post by [deleted] » Fri, Mar 22, 2024, 11:36 PM UTC

xyst wrote: post #37

lighthouse performance scores are perfect. accessibility fails. best practice category is 90+ (very minor issues). PWA is not applicable. https://lighthouse-metrics.com/lighthouse/checks/38f2276c-bc... lol,

[deleted]

Re: Pure CSS Website

#40

Post by [deleted] » Fri, Mar 22, 2024, 11:37 PM UTC

ape4 wrote: post #29

Did you see this in the css @keyframes typewriter { 00.0% { content: "A" } 00.4% { content: "A " } 00.8% { content: "A W" } 01.2% { content: "A We" } 01.6% { content: "A Web" } 02.0% { content: "A Webs" } 02.4% { content: "A Websi" } 02.8% { content: "A Websit" } 03.2% { content: "A Website" } 13.2% { content: "A Website," } 13.6% { content: "A Website, " } 14.0% { content: "A Website, i" } 14.4% { content: "A Websit…

[deleted]