Question

I am looking for a bells and whistles CSS framework. I have found a number online that deal with "grids", and some that deal with "typography" and others that deal with "resetting".

What I have not found is something that will give my web applications a consistent reusable style or theme.

I guess it would have to have a number of predefined elements that do things, for example:

div.boxed {...}

And then a number of themes or plugins that provide these in a consistent way. Javascript toolkits like ExtJS, YUI, and also GWT have their own skinability, and I guess this is the featureset that I want, but independent of any Javascript library.

(Open source would be best, but we don't mind paying)

Edit: 5 good answers, but I have seen all those frameworks, and they are not enough of what I am looking for. Perhaps what I am looking for doesn't exist. Or I haven't explained properly. I will give them a good going over and see.

Was it helpful?

Solution

Compass really changes things for you.

In addition to providing everything from grids to mixins like horizontal-list, it's built on top of SASS so you get stuff like reuse and variables and other such things.

It makes things you don't even realize are painful pain-free. Definitely worth looking over.

OTHER TIPS

I am a fan of Blue Print CSS, their reset and grids styles are a very good starting point. Especially if you care about having clean html and css.

960gs is good for layouts.

Just use YUI Grids, it's as good as it gets :P

One of the long term plans for compass is to create tools for designers to share designs for things like shiny buttons or even whole pages. It's actually possible right now but the mechanims are not well documented yet. But I'm glad you like it, please feel free to bug us on the mailing list.

I'm a huge fan of BlueTrip which bills itself as, "A full featured and beautiful CSS (Cascading Style Sheets) framework which combined the best of Blueprint, Tripoli (hence the name), Hartija's print stylesheet, 960.gs's simplicity, and Elements' icons, and has now found a life of its own."

I second YAML. It's highly versatile, well-documented, has a builder tool etc. The forms component does some annoying hover effects which I always disable but otherwise YAML gives you a good basis to build your own framework, possibly with the help of LESS, a tool that you'll soon find indispensable.

I found YAML (Yet Another Multi-columned Layout) to be an excellent, comprehensive, highly adaptable all-rounder.

Emastic lightweight, em based, fluid and fixed columns.

There is also LESS - LEaner cSS.

Provides the following features:

  • Mixins
  • Variables
  • Nested selectors
  • Operations
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top