Is there an alternative to CSS? Because for someone who is used to more functional languages and wants to make a website on their own, CSS is kinda confusing.

Is there an alternative to a driver's license?
The answer is yes, but you're not going to like it.

@Root Hah

There are things like LESS and SASS, which are basically things that convert to CSS before publication (there is at least one more that I have forgotten, but it's much less common than the others). You might find one of those more friendly, although you'll still need to know some "normal" CSS so you can troubleshoot when something comes out differently than intended.

Websites don't need CSS. https://motherfuckingwebsite.com/

But seriously, if you want to do your own front end, its learn CSS or use a content-creator (Wordpress, Wix, etc.)

And learning a complicated JS framework to avoid CSS is like bathing in lava because you think the water is too cold, so I'm not going there.

Welcome to devRant

@wannabe What a beautiful analogy on JS. I wish it was mandatory for people to experiment it in real life when choosing such a path.

Nope no alternative to css.

You can use SASS or LESS but without CSS knowledge, you're not avoiding the problem just adding to its complexity, you're still writing css just in another form and you will hit browser issues you won't be able to workout as you're missing the working knowledge of css issues.

I think you can always use css indirectly - through js. And you can do fp in js, can't you?

1. Design your site in an image editor
2. Save it as png/jpg
3. Embed it on img tag
Voila! Non CSS website! But you can't do anything, cause it's an image! So yeah just learn CSS please.

@volttide do it in photoshop, add slices, export as HTML/png, open HTML in editor, add links to slices that need interaction.

Viola, it's the year 2000 again.

@C0D4 I've never done it, I think it was the time I'm still using VB😂

@volttide strangely, the only thing that's changed since then is the slices and export.

I still get PSDs or PDFs.
Although they are never mobile first, so that's always interesting 😅

@KaiDevrim The question doesn't even make sense because FP is about computing results while CSS is about describing layouts from markup. Yes, plural from singular.

@powerfulparadox If you have so much CSS that the use of these tools seems justified, there's something wrong already. More than 32k minified CSS in total should raise alerts, and you don't need tools to manage that little amount of code.

@netikras JS doing CSS' job is an antipattern. It's also slow because browsers can schedule CSS operations independently from scripting.

@Fast-Nop not arguing with that. But I don't see any other way to apply styles in fp :) do you?

@netikras Well yeah - I'd bet on electric shocks for anyone who tries that. ^^

Build the whole site using tables and framesets.

You could use Tailwind to not have to work with CSS directly - it defines utility classes and you apply those rather than defining your own. But ultimately CSS is how web pages are styled.

@matthewbdaly Same garbage as Bootstrap, same misunderstanding of CSS. Looking at the source of https://tailwindcss.com/ , these folks shouldn't even be making websites, let alone provide tools for making websites.

@volttide Not quite right. Image maps.

@Root wow it was used before? I literally searched about image maps😂

@volttide That was a major strategy in the 90s and 00s how to fend off blind users, break keyboard navigation, and confuse even sighted users.

@volttide They're awesome, of course. (Somewhat serious, mostly sarcasm).

They're great for specific things, e.g. hidden pictures. But like @Fast-Nop mentioned, they have serious downsides for almost every other use case.

@Fast-Nop @Root I once watched DesignCode video on youtube about his past projects, and some of them are build with xhtml table, I think it was the founding father of css grid and flexbox isn't it?

@volttide Abusing tables for layout was common back then because that was the only way to position things. Although CSS offered solutions even before flex and grid, nobody used them until smartphones took over for good.

@Fast-Nop tables were the answer to cross platform, cross browser compatibility, thanks to IE6,7,8 rendering everything differently and Firefox, Safari and god what was the other one back then... opera having to be all different again trying to encore a standard of their own.

@C0D4 Yeah and one issue was also the "pixel perfect" morons before a plethora of different devices enforced fluid layouts anyway.

Even today, these retards havn't understood that a website isn't print. They're still fucking around with their stupid Photoshop and try to design websites starting from the visuals, which of course is totally backwards.

@Fast-Nop I used to work for a pixel perfect guy, it drove me insane when pixel perfect and responsive were combined.

@C0D4 Especially because the art in CSS is to give leeway across browsers so that the look & feel is the same even with minor differences in rendering. Which is not that difficult if the underlying document structure isn't a pile of shit.

Apply your CSS using javascript !

I'm sure someone made some kind of framework for that

Try tailwind CSS, seems close to what you would like

@wannabe OWNED !

It uses JS

@NoToJavaScript Tell me how many style tags you found and we will talk ;) I didn't say anything about it not using JS

@wannabe

You didn't. Site claims no js :)

As much as I agree with the concept, let's be honest, if you want to SELL your software, you need to make it "pretty". People now have attention span of 5 seconds.

If your websites can't close a sale in 5 to 10 seconds, well, you can take it behind the barn and shoot it. It will not generate any money.

@NoToJavaScript When someone needs 350k of minified CSS, especially for a relatively simple page like tailwindcss.com, I don't need more to conclude that this is total shit. Of course the horrible class names are just as stupid as with Bootcrap.

The idea with the components is neat, but the implementation shows a fundamental lack of understanding of how CSS is supposed to work. That's already obvious from the examples they give.

The markup is also total crap, and the cherry on the dogpile is of course jQuery on a website that doesn't even need JS - except maybe for the shitty animations that shouldn't even be there.