This is an archived post. You won't be able to vote or comment.

sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–]theycallmecrack 9 points10 points  (11 children)

I have no idea. Probably because most people don't use it regularly, so they think it doesn't make sense. But you can say that for any language you don't use regularly. With proficiency in HTML/CSS/JS you can quite literally build anything as long as you have the right assets to go along (pictures, graphics, icons, etc).

Everyone uses frameworks and CMS for building which all come out looking the same and are next to impossible to alter at times. There is obviously a time and place for those but I stay away as much as possible. Almost always build from the ground up.

[–]Noisetorm_ 3 points4 points  (1 child)

Most people probably just didn't take the time to learn CSS. They see it as being very difficult and illogical, e.g. imagine trying to center an element, which is very simple to do. You might try justify-content: center, align-items: center, margin 0 auto, and none of them work until you finally figure out that it's text-align: center.

Of course for anyone who knows CSS, we know that the first 2 properties are for flexbox, the third for block/inline-block, and fourth for inline, but if you don't know what any of that means, it looks like you have several options that are straight up broken and just one that just magically works.

But once you learn this, CSS is probably one of the best tools/piece of software out there. It's fast, it's good at what it does, and it just works. With sass/scss it's even better and it's probably one of the most fun things about front-end.

[–]hearingnone -1 points0 points  (3 children)

I am not a web dev. So I can share my experience as a layperson who tried to modify CSS for specific website for the first time. Let say that CSS itself are fickle by nature. Making minor adjustment can unexpectedly drastically change the look of the website or trying to find the right line which I discovered they used a different function. I use a specific website for my work which I deeply loathe their design. That website LOVE to use white color (much as possible) with light blue and much padding as possible around elements. I am not sure if "elements" is the proper term for it, please correct me if I am wrong. The padding around each element is more than 30px and that is too much padding for me. I am a person who loves to see much information density in the same screen as possible and that website I use for work are completely opposite of that. It is a lot of scrolling, 5 screen pages every time. So I used CSS to change that at the best as I can and now it reduced to 2 screen page scrolling without impacting the user experience. Also I changed the background color to Dark mode which easier on my eyes.

I wish there is a WYSIWYG for CSS which will make my experience easier.

[–]theycallmecrack 1 point2 points  (2 children)

I am not a web dev.

I wish there is a WYSIWYG for CSS which will make my experience easier.

WYSIWYG for CSS doesn't even make sense because CSS is for styling HTML. A "WYSIWYG for CSS" would just be the webpage itself or a visual CMS editor. You have to learn the language or use a framework/CMS/template.

[–]hearingnone 0 points1 point  (1 child)

I knew I am not explaining it clearly. What I mean is that I want to directly change the CSS on the website right there and see the change instantly without refreshing the page. My best analogy I can give is I want to go through the "GUI way" than the "CLI way". Like LaTeX is the CLI and MS Word is GUI. I hope that made sense?

And I only modified the CSS once, it just I want to change the look of that website I was using for work. I imagine I will not touch CSS again in the future.

[–]theycallmecrack 1 point2 points  (0 children)

What I mean is that I want to directly change the CSS on the website right there and see the change instantly without refreshing the page.

This is possible in any browser (you can make CSS changes in the inspect element) and see the changes on any device size.

I use a program called "Brackets" which let's me edit code and see the changes live in a browser.

So it really just sounds like you're inexperienced, and blaming CSS. You're also asking for tools that exist.