Grow your CSS skills. Land your dream job.

Cascade Framework : Putting back the C in CSS

  • # July 2, 2013 at 2:08 pm

    I didn’t like any of the existing frameworks out there, so I just created my own framework.

    [Cascade Framework](http://cascade-framework.com/ “Cascade Framework”) combines a very light footprint with feature richness bacause of an ultra-modular OOCSS based architecture.

    If you only need its core features, you need no more than 2.5Kb of framework code (minified + gzipped).

    # July 2, 2013 at 2:18 pm

    pretty cool! i find the responsive grid section to be kind of confusing but its pretty neat.
    Didn’t really look into it, but does your framework allow for certain sections to appear first when its in phone/tablet view.
    Saw one of the examples where login was beneath the content. Just a suggestion.

    # July 2, 2013 at 2:34 pm

    [@NghiQuach](http://css-tricks.com/forums/profile/40628/NghiQuach@NghiQuach“)

    Which parts of the documentation are confusing?

    If you use the responsiveness module, all grid elements reset to 100% by default for smaller screen sizes. This behavior can be overwritten where desired.

    You can easily adjust the width of your grid element for every screen width range that needs a specific width, using a media query for that range.

    By playing around with “left” and “right” floating, you can play around with the position of your grid elements some more.

    It you want to completely customize your positioning, you should consider absolute positioning instead.

    # July 5, 2013 at 4:40 pm

    If Cascade Framework still isn’t lightweight enough for you, there’s now also a light version with 2kb in total.

    If you just need the grid code, it’s only 323 bytes!

    You can check it out at http://jslegers.github.io/cascadeframeworklight/ .

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

You must be logged in to reply to this topic.

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