22
AleCx04
7y

Complete and total rant:

You know what fucking confuses the holy fucking shit out of me? DESIGN

I have MAD respect for motherfuckers that spend their days tailoring shit away in CSS, writing custom animations and toggles in JS and ensuring that their HTML is pristine as fuck. I really do and in my opinion they should b getting mad props from everyone, because if they so decide to learn GOOD server side scripting then they are most definitely on their way to create some awesome functional and beautiful shit.

But...

I am not a designer by any means of it. And I know that shit is supposed to look good and work across a multitude of devices. Doing something like that takes me a couple of lines of code (granted, after hours of work that is) that may take a designer way less.

But why oh why do I see THOUSANDS of lines of CSS code for shit that does not take me half the amount of work that it takes other people?
Like seriously. I am trying to emulate the menu that university of Chicago uses(as an example for a lil design practice cuz i suck at it) and looking into their CSS I see thooooousands of lines of code to do something that I did in about two hundred.

So wtf man, do I suck so hard that I am missing some serious shit? wtf is happening? This confuses me, because in my mind it should take me just about as much work as it takes them right?

AGAIN MAD RESPECT FOR DESIGNERS -- If you are a designer reading this please tell me wtf is happening

Comments
  • 3
    📌
  • 8
    I would guess they used some software that generated it that way.

    Could be also fixing a lot for old browsers etc. would have to look at it to have a better picture.

    Mind linking their css and maybe yours too for us? (preferably in a codepen)
  • 6
    Could be bad coding. Or maybe different people overwriting styles without cleaning up. Responsive can be a pain and add a shit load of styles to overwrite things if not done right. Been forcing myself to always use the "mobile first" approach and it does make the code a lot cleaner.
  • 3
    I’m no pro myself, but more lines of code is not always better. But for the sake of browser compatibility, we do end up with more lines than we’d like, or do things that we don’t want to do (thanks, IE). It also depends on method of implementation (e.g. It’s not impossible to replicate the nav, and its functionality, on the U of Chicago website using purely CSS, but there will be more lines of code).

    Perhaps just give yourself some time to practice and get used to things. Don’t feel discouraged or disappointed when you write more lines than others to do the same thing. Rome ain’t built in a day after all.
  • 2
    @JoshBent absolutely, will do when I get to my work computer tomorrow. Ill tag you in the reply so that you can tell me what you think. I aim to learn man. Frankly I want to feel less worried about this, I feel like I am missing something even tho shit is functional and looks good, a good critical eye will deff help!
  • 1
    @tenwithavo i hear ya bud
  • 1
    @Torbuntu that was shitty man totally feel you on that!
  • 1
    @Japorized thanks for the kind words bro! I feel paranoid, like I feel I am missing something but look at the site and everything works as I want to. I got fed up with trying to override bootstrap so I started to add things myself. One thing let to another and I started digging into css. I have been doing js front end for a while, but the design part I normally leave it to more capable hands. Cant have that so I started to dig into more advanced css in a more humble way and man this is hard!!
  • 1
    @Bitwise completely agree with you there bro!
  • 1
    @AleCx04 A lot of CSS today are written in LESS/Sass, and then processed into plain CSS, and now with Post-CSS, more things can be done to minify the CSS file. If you are not using these tools yet, try looking to them, cause they’re, imo, the way to go, although CSS itself is getting an upgrade soon.
    I also follow CSS-Tricks a little bit and they can provide some good advice and insight.

    As for CSS frameworks, I actually avoid using Bootstrap myself and just use some barebones framework that does some basic flexbox styling for me. It’s definitely okay to start off in Bootstrap, but it does take away a lot of actual heavy-lifting if you want to really learn CSS.

    The good thing about CSS is once you do get the hang of it, it’s actually very nice to use, and you can even take away some of those JS animations and just leave it to CSS.
  • 3
    @Torbuntu You usually don't override Bootstrap, you configure it. Wonder what these guys thought they're doing...
  • 2
    @theCalcaholic He's not alone on that, I saw people overriding entire classnames, just because they started without bootstrap and then collided when they added it.
  • 1
    Could be bad - or could be good coding.

    See, when my friend watches me code, she always tells "I'd do that much easier, just use an image" - and similar to that, from your point of perspective, there might be an easier way to do it - but maybe they wanted it responsive/cross-browser or a little different than your method, they might need hundreds of lines more than you.

    Or they suck, dunno.
  • 0
    @BambuSource i say they suck :P
Add Comment