Grow your CSS skills. Land your dream job.

Are CSS Grids any good?

  • # January 11, 2013 at 12:02 pm

    Is it worth relying on a decent grid system such as ‘Grid-a-licious’ or not?

    Also, which is the best grid system out there to use?

    Thanks,

    # January 11, 2013 at 12:25 pm

    Personally, I hate them. You’ll find that most of the veteran/experienced members of this forum will say that once you have enough experience you’ll likely end up with a custom grid solution that you use from project to project. The difference will be that it won’t be heavily bloated and you will know all of the ins and outs.

    # January 11, 2013 at 12:28 pm

    Thanks Doc, Would you recommend starting with a custom made one trying to figure out how it works and then progressing to making my own?

    Thanks again,

    # January 11, 2013 at 12:33 pm

    If you’re still starting out, when you begin a new project don’t worry about grid systems at all. The design that you have in mind should have some sort of grid in it anyways, just start building it!

    There’s so much hype about boiler plates and grid systems that I think people starting in the industry get a little lost in thinking that they *have* to pick one of them. You don’t! Perhaps some people would argue that they help people learn, I disagree: I think they only help people learn that particular system.

    # January 11, 2013 at 12:37 pm

    Yeah, Thanks that’s a really valid perspective! One additional question although not mentioned in the title, What should I name my portfolio site? Just I’m looking to build myself a site to display my previous work the the sixth form I’m starting next year and to show potential clients in the future, I’ve tried _www.myname.co.uk_ However that is taken, Can you add any of your wisdom to this?

    Thanks again,

    # January 11, 2013 at 12:47 pm

    Hmmm, that one is sort a personal question! You could create a sort of design name for yourself if you can get an appropriate domain. Alternatively, you could get adam-hodgson.co.uk or something similar.

    # January 11, 2013 at 12:48 pm

    Yes they are but be forwarned youll spend 90% of your time trying to figure out how or why they did what they did. Unabled to freely edit it with hardship

    # January 11, 2013 at 12:53 pm

    ahh, @TheDoc By design name do you literally mean ‘someone else’s name.com?’ Like a screen name?
    How about coming up with some kind of small company name?

    # January 11, 2013 at 1:52 pm

    @AdamHodgson, yes, I meant more like a small company name, not changing your name ;)

    # January 11, 2013 at 11:35 pm

    I’ve been using Chris Coyier’s [Don’t Overthink It Grids](http://css-tricks.com/dont-overthink-it-grids “http://css-tricks.com/dont-overthink-it-grids”), with Matt Berridge’s [modification](http://css-tricks.com/dont-overthink-it-grids/#comment-187333 “http://css-tricks.com/dont-overthink-it-grids/#comment-187333″). It’s lightweight, simple to implement and really effective. In addition, I use

    then

    .container{
    @extend .grid;
    //additional styling
    }

    .content{
    @extend .col-1-2;
    @extend [class*=’col-‘];
    //additional styling
    }

    ..using Sass, as this completely takes presentation completely out of the markup.

    # January 12, 2013 at 2:40 pm

    I used to use 1140px grid quite a bit as it literally just handled the grid, but I got bored with it and felt it was impacting the designs we were outputting so I retired it.

    As others have said, nothing is better than creating your own grid. Sometimes you don’t even need a grid. If a site is one main content area and a sidebar, why have a grid at all?

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".