Pure CSS Website • Hacker News Board

Re: Pure CSS Website

#101

Post by hmcq6 » Mon, Mar 25, 2024, 6:58 AM UTC

spartanatreyu wrote: post #100

NiagaraThistle wrote: post #98

Do developers really build basic websites / pages WITHOUT pure CSS when it's an option? I know there are times when you need to do something CSS can't (and shouldn't do of course. But I mean when the 'thing' is design/style only, aren't we all already using only CSS for those things? Or am I just so old I still practice the separation of concerns and no one else is. Also, while kudos to the OP for doing this, this is…

> Do developers really build basic websites / pages WITHOUT pure CSS when it's an option? Yes. There are developers who have only styled websites using bootstrap classes. (or related css-frameworks, e.g foundation, bulma, etc...) And there are developers who have only styled websites using tailwind classes. (or other related atomic css frameworks) Both sets of developers lose out on some very powerful css features (e…

> page layouts using css-grid, container queries, light-dom web components

Tailwind doesn't "miss out" on any of these css features.

https://tailwindcss.com/docs/grid-template-columns

https://tailwindcss.com/blog/tailwindcss-v3-2

"Light-DOM web components" aren't a CSS feature... and they certainly aren't one that tailwind prevents you from using.

Re: Pure CSS Website

#102

Post by danShumway » Mon, Mar 25, 2024, 4:56 PM UTC

archiewood wrote: post #73

danShumway wrote: post #46

Earlier quoted context omitted.

Nice! I love seeing stuff like this on HN. Using a solid border for the cursor instead of having it in the text content is a nice touch; because it's separated out you could probably use another animation to get it blinking, too.

i was kind of messing around with this blinking idea but couldn't get it to render in a way I was happy with would you use another keyframe or did you have something else in mind

Yep, that was my thought, but there might be complications I haven't thought of. This is me guessing without having tried anything.

> couldn't get it to render in a way I was happy with

I might be repeating something you already noticed, but cursors only blink after you stop typing, so if you weren't delaying the effect until after the typing was done that might have contributed.

Re: Pure CSS Website

#103

Post by spartanatreyu » Tue, Mar 26, 2024, 11:36 PM UTC

hmcq6 wrote: post #101

spartanatreyu wrote: post #100

Earlier quoted context omitted.

> Do developers really build basic websites / pages WITHOUT pure CSS when it's an option? Yes. There are developers who have only styled websites using bootstrap classes. (or related css-frameworks, e.g foundation, bulma, etc...) And there are developers who have only styled websites using tailwind classes. (or other related atomic css frameworks) Both sets of developers lose out on some very powerful css features (e…

> page layouts using css-grid, container queries, light-dom web components Tailwind doesn't "miss out" on any of these css features. https://tailwindcss.com/docs/grid-template-columns https://tailwindcss.com/blog/tailwindcss-v3-2 "Light-DOM web components" aren't a CSS feature... and they certainly aren't one that tailwind prevents you from using.

Tailwind's grid support poor. It has no support for named columns, rows, or areas. You basically only have the same grid support as bootstrap.

Container queries are supported (kind of), but without named grid elements to handle the page's layout, their usefulness is severely hampered.

Light-dom web components aren't a css feature per se, but are used to simplify css. It allows you to both scope css to a component while taking advantage of the cascade. (As opposed to tailwind which tries to hide the cascade from developers because it tries to pretend that scoping isn't a thing)