The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "SVG" Oct 14 - 6:30 PM Eastern
Get a free trial // 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]( “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


    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 .

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed