Pure CSS Website • Hacker News Board

Re: Pure CSS Website

#81

Post by dieselgate » Sat, Mar 23, 2024, 6:53 AM 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

That was pretty far out on mobile

Re: Pure CSS Website

#82

Post by cyberax » Sat, Mar 23, 2024, 7:58 AM UTC

First single-page applications. Now single applications.

What next? Single letter applications?

Re: Pure CSS Website

#83

Post by afiori » Sat, Mar 23, 2024, 8:43 AM 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

Cool, is the div necessary? Could you style the ?

Re: Pure CSS Website

#84

Post by tiborsaas » Sat, Mar 23, 2024, 10:42 AM UTC

You could have saved that background image and use a CSS gradient ;)

edit: nevermind, that's a dead URL. But anyways, it's an extra http request you don't need.

Re: Pure CSS Website

#85

Post by calebpeterson » Sat, Mar 23, 2024, 10:57 AM UTC

cyberax wrote: post #82

First single-page applications. Now single applications. What next? Single letter applications?

Single Pixel Applications.

Conveniently abbreviates to SPA.

Re: Pure CSS Website

#86

Post by johnisgood » Sat, Mar 23, 2024, 12:37 PM UTC

I like those! What I would like to see is the source code of CAPTCHAs (that generates the CSS) used by onion websites like Dread. There are CSS-only modals, too.

Re: Pure CSS Website

#87

Post by Alifatisk » Sat, Mar 23, 2024, 2:15 PM UTC

souvlakee wrote: post #17

souvlakee wrote: post #16

If you have browser extensions that make additional div, it looks weird: i.imgur.com/glCfzkj.png

Code: https://paste.mozilla.org/BVWPuyrH

First time seeing https://paste.mozilla.org, very cool

Re: Pure CSS Website

#88

Post by jraph » Sat, Mar 23, 2024, 2:16 PM UTC

Interesting and well done!

I have an extension that adds a div to the page, Grammalecte, its breaks this website a bit. A div:first-child, or an id would fix it.

A reminder that extensions can affect HTML content and you need to target your elements in CSS in a robust way.

Re: Pure CSS Website

#89

Post by Alifatisk » Sat, Mar 23, 2024, 2:20 PM UTC

"This website contains one div only"

No, the link tag is there.

Re: Pure CSS Website

#90

Post by moritzwarhier » Sat, Mar 23, 2024, 2:27 PM UTC

azangru wrote: post #3

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

After examples showcased at https://a.singlediv.com/ , I would not be surprised by anything...

Aaah that one was great, thank you for reminding!