Grow your CSS skills. Land your dream job.

What front-end framework?

  • # March 4, 2013 at 8:45 pm

    Hello,

    I’ve sharpened my skills in HTML/CSS/JS now i wish to go with some front-end framework. Which one would you suggest? What are cons and pros of them? Also what JS library would you suggest? As far as I know you should stick to only one library because of performance issue?

    Thanks in advance.

    # March 4, 2013 at 9:06 pm

    For a CSS framework, I would suggest [Kube](http://imperavi.com/kube/) as it’s an awesome and responsive grid framework. Or you could use [960gs](http://960.gs/) (another grid layout stylesheet).

    For JS, I would suggest [jQuery](http://jquery.com/) and [CoffeeScript](http://coffeescript.org/) (Note that the latter is a preprocessor that gets compiled into JS).

    For other such preprocessors/libraries, just try looking in the gear menu of a new CodePen pen like so: http://imgur.com/BhZ4zIZ. You can find others there.

    # March 5, 2013 at 12:23 am

    Is it really worth to use framework?

    # March 5, 2013 at 12:53 am

    @VladimirKrstic ,

    Hey man, as far as junky stuff that makes your life easier on the web i stick with simple jQuery. The SCSS/SASS/LESS stuff i haven’t gotten into [i’m probably behind the curve] but i don’t really mind. If you want to challenge yourself, or maybe expand outside of the website realm, check out a post i made a while back. It’s about using PhoneGap to create simple mobile apps. If you know HTML && CSS && JS than you are golden. Once you feel more comfortable, you can jump into the native code whether that be Java || Obj C.

    Check out my rant about the PhoneGap API.

    # March 5, 2013 at 12:56 am

    A framework could be nice for prototyping but for production all you really need is [normalize.css](http://necolas.github.com/normalize.css/) and your own custom css.

    And for JS, jQuery as srig99 suggested, from the Google CDN.

    # March 5, 2013 at 1:00 am

    Foundation w/ backbone.js

    # March 5, 2013 at 5:21 am

    Normalize.css if you feel so.
    Sass & Compass.
    jQuery.

    If you ever need a robust grid system, I’d recommand CSSWizardry-grids.

    # July 8, 2013 at 5:25 am

    Check out [Cascade Framework](http://cascade-framework.com/ “Cascade Framework”) and [Cascade Framework Light](http://jslegers.github.io/cascadeframeworklight/ “Cascade Framework Light”).

    Cascade Framework provides the optimal balance between feature richness and footprint and offers support for both old and new browsers.

    Cascade Framework Light is a minimalistic version of the same framework, for people who need only its most basic features.

    Both Cascade Framework and Cascade Framework Light have a modular architecture based on OOCSS, allowing you to only pick further optimise the footprint of the frameworks.

    For Cascade Framework, the footprint of the CSS code varies between 2.5 kb and 44 kb.
    For Cascade Framework Light, the footprint of the CSS code varies between 0.3 kb and 2.0 kb.

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

You must be logged in to reply to this topic.

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