SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Lightbulb Battle of Responsive Web Design: Zurb Foundation, Less Framework 4 OR Columnal?

    Good evening,

    I really want to get into responsive web design. My goal is to launch websites quicker that are mobile friendly and great for different screen resolutions. Help me. I'm a noob. My head is spinning from all the options out there.



    QUESTIONS
    1. Can someone with experience recommend which CSS frameworks ABOVE are BEST to start out with?
    2. What are the Pros and Cons for the different Frameworks listed? (IE 6,7,8 etc) Feel free to suggest anything not listed.
    3. Once the site is built can I easily add jQuery sliders, effects or animations?


    Donate to the needy with your genius

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Design_chica86 View Post
    Can someone with experience recommend which CSS frameworks are BEST to start out with?
    None. Code the template yourself.

    Frameworks tend to introduce more complexity than you need. Responsive CSS is not hard to do.

    IE 6,7,8 etc...
    These are not very welcoming of responsive design.

    Once the site is built can I easily add jQuery sliders, effects or animations?
    Yes, although things like sliders are not so easy to make responsive, so use them with care.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2010
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    [In Madea Voice] Hellerrrrrrr

    Ralph, I was referring to which css frameworks listed above are the best options to learn and the pros & cons for each. Some of the one listed I think don't work in IE.

    I do agree they all appear overly complicated. I'm just tired of hand-coding websites from scratch. Is there a way I can create my own system to launch websites quicker? I was hoping a CSS framework could help with this

    Thank you for your opinion.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Design_chica86 View Post
    I'm just tired of hand-coding websites from scratch. Is there a way I can create my own system to launch websites quicker?
    Partly why I said what I did is that people come here with all sorts of problems with frameworks—problems they don't need to have, IMHO. I quite enjoy doing layouts from scratch, so I guess everyone is different. But I'm sure you could abstract a few basic designs of your own that you can adapt to various projects. That way at least you know how they work.

    Anyhow, that's just my view, and I'm sure you'll get other perfectly valid perspectives.

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2006
    Posts
    44
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    I'm also in the middle of investigating the various responsive frameworks. http://gumbyframework.com is another you can add to the list.

    And also going through the decision making process of whether to choose a framework or code my own from scratch.

  6. #6
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Nice work

    Quote Originally Posted by deeve007 View Post
    I'm also in the middle of investigating the various responsive frameworks. http://gumbyframework.com is another you can add to the list.

    And also going through the decision making process of whether to choose a framework or code my own from scratch.
    Love your gumby framework!

  7. #7
    SitePoint Enthusiast
    Join Date
    Nov 2006
    Posts
    44
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Not mine, just another I found around the traps.

  8. #8
    SitePoint Enthusiast
    Join Date
    Sep 2010
    Location
    India
    Posts
    52
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Design_chica86 View Post
    Good evening,

    I really want to get into responsive web design. My goal is to launch websites quicker that are mobile friendly and great for different screen resolutions.
    As Ralph said, frameworks introduce a lot of things that are not needed for your website and make things more complex. The best way is to code the layout from scratch.

    However, I do understand your impatience. It's like when you start attending music classes, you want to skip on the initial notes and get on with the melody playing! :-)

    Out of the frameworks you listed, zurb has quite a community around it. It is also updated very frequently. Although, you'd have to spend quite a time learning it!

  9. #9
    Non-Member
    Join Date
    Feb 2012
    Posts
    892
    Mentioned
    10 Post(s)
    Tagged
    0 Thread(s)
    None.

    But I would add a few more to learn from on how to start your own:

    http://html5boilerplate.com/
    http://html5boilerplate.com/mobile
    http://stuffandnonsense.co.uk/projects/320andup/

  10. #10
    SitePoint Enthusiast
    Join Date
    Feb 2011
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've been liking Zurb, it certainly speeds up my sites, and coding it from scratch would take a lot more time. Also a lot more learning if you do not know how to code responsive designs, although as stated there would be some learning with Zurb, once you have it you're pretty much sorted. Some issues I've run into are using multiple instances of things on the same page, such as their Orbit slider which can't be done (they say). It is responsive though. I'm sticking with them for now as they updated recently and things like that keep me happy.

  11. #11
    SitePoint Wizard bronze trophy conradical's Avatar
    Join Date
    Jan 2005
    Location
    Atlanta
    Posts
    2,355
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Pick one that is the easiest to follow. I am all for the do not use frameworks and stuff but there is a lot to learn from them. Yes, eventually you should write your own or develop a system that you can pick up and not reinvent the wheel every time you start a new project.

    I avoided all these systems till I gave bootstrap a go - that too was way too bloated for my taste but I persevered and learned and in the process I sort of developed a grid boilerplate so to speak that when I start a new project, I have my basic CSS written out and am not writing float:left's and clear floats and widths etc for each new project.

    So bottom line is, pick an easy one, sift out the crap work on your own. The trick is to keep it simple, readable and reusable.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •