Grow your CSS skills. Land your dream job.

Responsive Web Design / Boilerplates

  • # January 31, 2012 at 4:52 pm

    Hi all,

    I am wanting to create a responsive web design, and I’m wondering if it’s worth using a boilerplate such as Skeleton or Less Framework, to get me started?

    What are your thoughts on boilerplates?

    Thanks,

    Ross

    # February 1, 2012 at 1:53 am

    Boilerplates are awesome. also check out HTML5 mobile boilerplate

    # February 1, 2012 at 4:30 am

    Oddly enough, although I haven’t used it yet, I heard good things about Twitter Bootstrap (http://twitter.github.com/bootstrap/index.html) as mentioned on this site’s front page today.

    # February 1, 2012 at 5:25 am

    1140px Grid is a great place to start –> http://cssgrid.net/

    It creates the grid and resets your CSS but the rest of the styling is completely up to you. The only problem I have with HTML5 mobile boilerplate is it comes with presets.

    # February 1, 2012 at 5:25 am

    Thanks for the replies. Can anyone point me to any tutorials on building a responsive website on a boilerplate?

    # February 1, 2012 at 10:46 am

    Rosco, realistically most templates (like the 1440px grids) handle the layout for you, you just choose the configuration.

    For example the 1140px grid has a 12 column standard. So you choose from onecol/twocol/threecol etc etc as long as each row = 12 columns you’re all set.

    You can add in additional divs within these for styling & floating.

    All you really need to do is have an extra stylesheet (lets call it styles.css) where you do your text, backgrounds, lists etc. The layout is pretty much taken care of for you.

    For example – my site (http://www.unleash-it.co.uk) is built on the 1140px grid purely in the background as the layout and then I’ve styled everything else through traditional CSS.

    # February 2, 2012 at 1:35 pm

    yes, they can cut down the time it takes to get up and running on a project. for the last month or so i’ve been using Initializr.

    it’s really helped me get my head around the idea of mobile first.

    # July 24, 2012 at 5:13 pm

    I’ve been going back and forth on wether or not I want to make my site’s redesign responsive. In some aspects, I don’t really see the point (because of my traffic and where it’s coming from etc) but my developer side wants to attempt it. I had a client recently send me a link to the 1440 grid in his design brief…it looks pretty simple! I found this post while running a search on what other designers/developers are saying about it. I think I’m going to give it a try. My design should work well on a grid anyway ;)

    @andy_unleash thanks for including a link to your site as an example…that made up my mind!

    # July 24, 2012 at 5:22 pm

    If the site is small enough to get away without using a grid, you could just use a boilerplate and design the responsiveness yourself.. You cut down on load time that way.

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

You must be logged in to reply to this topic.

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