4

Hey guys, quick one.

Frontend guys,
I need some CSS library that I can use for project I need do ASAP.

I have +- 1h to learn it, I need frontend and I need it NOW. It can be ugly. Prefered flex grid or sth along these lines. But please, if it has more than 15 minutes of reading through doc's its disqualified.

Any suggestions?
Im backend guy and know no shit about frontend.

NoJs. No Jquery. No JS. Nope. Im not having time for any line of shenanigans of JS.

Thx; peace.

Comments
  • 2
    I think I found sth:
    http://flexboxgrid.com/

    If there is any pitfall I should be aware, lemme know.
  • 3
    @DubbaThony well, that's only a grid system. But you'll probably have to write your own CSS anyways at some point, no matter what framework you use. Bootstrap is the newbie framework to go, if you need more than just a grid.
  • 1
    @sboesch

    I just need space to slap things into.

    Usually I have really skilled frontend guy that can do anything in minutes for me but now Im alone at home. Got distress call that they need something done ASAP.
  • 2
    Alright, then use whatever you like. It's not like these frameworks provide any magic. Grids are pretty much the same everywhere.
  • 6
    Try bulma.io
  • 2
    @JohnnyBvo Yeah he's basically describing Bulma. It's fucking amazing
  • 1
    @gethigh

    Too big and overloaded. I need something I can get started with within minutes.

    Ive settled on the flexgrid although I will look into bluma when I will have time maybe it will be my goto for quick needs like this.
  • 1
    @DubbaThony Bulmas is really nice and simple. You have a parent container with the class of columns and within that you have containers that has the class, wait for it: column. Add tree of those and you get three containers that has the same width. If you want one of the containers to be smaller you just add "is-n" where n is a number from 1 to 12.
  • 1
    @inaba

    Yeah, its basically grid. I have extremly minimal but some faimiliarity with flex containers, all i know is to allign items you do

    Parent "row"
    Child "col-{screen_size}-{1-12}

    And ye.. Thats what I know +-

    Have been doing backed few years and never touched frontend except javascript when it was absolute must. (I call it JapierdoleScript which translates to "Oh fuck script" but maybe I hate it bc I dont know how to JS too much, only basic stuff)
  • 2
    @DubbaThony bulma, or purecss is one of lubrary without js
  • 2
    Bootstrap
    Bulma
    960grid
    Just use HTML's grid-container / grid-item 🤷‍♂️

    What do you need the framework to actually do?
  • 2
    @C0D4

    To make it possible for me (im not frontend person) to place items around and look not very horrible on phone. So basically I need containers to place things, so basically flexgrid of some descroption
  • 1
    @DubbaThony

    No framework needed*

    https://w3schools.com/css/...

    * don't use IE ok....
  • 2
    @C0D4

    Maybe I said it wrong. I need stuff like

    col-xs-12 col-md-6

    Etc.

    Some button/input styling would be nice to have but not really need it taht much
    E:
    Or maybe Im too much noob with frontend and dont have time to learn about it to clearly see how to use it
  • 2
    @DubbaThony that's bootstrap

    If you don't want the entire library, just rip out the .row / .col from bootstrap3
  • 3
    There is also skeleton when you don't need fancy shit, only basic pretty locking elements and grid.

    http://getskeleton.com/

    Since it is very basic, you will have the space to slap things in.
  • 1
    @M1sf3t

    Well, thanks to you my //todo: list just got longer.

    Srsly though, Thank you everyone. Maybe this time I happy triggered (mainly becouse I have time in hours not in days) after waiting few mins, but next time I will have few options.

    Have a good day/night :)
  • 1
    @M1sf3t

    Heh, apple... Oh, apple, why every single time we have to care about you especially, like you couldnt follow standars everyone does...

    Thanks mate. Im working my ass of right now (finally nighttime aka brain overclock time)

    Im pretty sure one day my friend sent me something made especially for backend guys but I dont remember it by any stretch of imagination...
  • 0
    @M1sf3t

    Okay, thanks.
    Man, there is so much of that I am suprised.
  • 1
    @DubbaThony @M1sf3t
    I remember when I went to use milligram, damn it almost had me, then I opened it on a phone and went... ah nope let's not!
  • 1
    Okay, its 4:30 AM maybe I should go sleep finally. On good side of things, only 2/3 of admin panel left... But adminer (faster php my admin) works as temporary admin panel too heh.

    Man, im tired.

    Nite guys, and thanks for lot of stuff to check out!
  • 1
    @M1sf3t tailwind felt over complicated for something that's suppose to be "simple"

    If I want complicated, I'll go back to SCSS.

    Despite all the hate and over bloat that comes with bootstrap, it is simply one of the most reliable frameworks I've worked with at a cross browser/platform level. They used to have a generator so you could select which parts you wanted to use and build your own .css file and only have the essentials for your project.
  • 1
    @M1sf3t it's for v3 but I prefer it's grid control over v4 grid system, they seem to have tried to "autoMagically" create grid layouts instead of being able to dictate where and how elements sit.

    https://getbootstrap.com/docs/3.4/...
  • 1
    @M1sf3t AFAIK it doesn't need any changes. You can report stuff on github or email the creator.
  • 0
    Back on topic.

    Ha, ha! Ive met deadline expectations :D

    I cant belive that i have only minor things to fix due misscommunication.

    Shh, but dont look at technical debt i took out, i was rushin', mkay?

    Hope ya'all having good day :)
  • 0
    @M1sf3t

    Yep, backend is 99,9% operational, now my temporary frontend is used for tests, and in meantime our frontend guy is trying to figure out how to pull from git (jk, he know how to do it, im just annoyed he is bussy right now) and probably we will release it today.

    That's what ya call fast dev cycle ;-;
    now, can I sleep finally? ;-;
Add Comment