9

Is there anything that CSS Frameworks give that its not easy to make yourself?

IAdapter
  • 62,595
  • 73
  • 179
  • 242
  • 2
    http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-they-worth-the-effort – bobince Feb 03 '09 at 11:19

11 Answers11

7

The main use I have for CSS frameworks is that they tend to force you to think about how you're going to organise you code rather than provide you with indispensable tools for your day to day tasks.

For that reason, I'm a fan of boilerplate rather than things like blueprint as boilerplate tends to focus on how you structure your css stylesheets and imports rather than providing you with a collection of semantically confusing helper classes.

Steerpike
  • 17,163
  • 8
  • 39
  • 53
3

They are simply a convenience and as such are good for things like wireframing and rapid prototyping. They are probably also a good way to learn CSS layout aswell if you can familiarise yourself with the layout code.

What I don't like about CSS frameworks is that they encourage the use of non-semantic class names and are a bit heavy handed for a simpler designs. I still think it's very important to understand how CSS layout works and not to just rely on the frameworks because you'd be limiting your creativity and what you could achieve. Sometimes reading CSS files from the csszengarden site can teach you things you weren't sure of how to achieve.

For wireframing this is the most promising CSS framework I've seen: http://designinfluences.com/fluid960gs/

roborourke
  • 12,147
  • 4
  • 26
  • 37
3

I think that all depends on your own knowledge and the project. If you have a lot of small business clients, or for other reasons makes a lot of similar designs, I think it saves some time to use css frameworks. And you save time for browser bugfixing, but you should always test anyways.

But if your CSS skills are good, you know the most common IE bugs and how to hack them, I dont see any need of using a framework in most cases.

olemarius
  • 1,124
  • 4
  • 17
  • 27
2

A reset stylesheet of some description is a worthwhile starting point.

For example:

http://developer.yahoo.com/yui/reset/

stusmith
  • 14,003
  • 7
  • 56
  • 89
1

It depends on the framework and your end-goal.

A lot of times they can work as guides with pre-defined templates to aid your development effort. But other times you just want your page to look nicer and not have to deal with actual work on CSS files. In the latter, you can skip the "make yourself" part altogether, and invest more effort into other parts of your project.

Take Skeleton and Tacit CSS frameworks for example. Both are pretty much minimal frameworks. The first is more centered on providing easy to use and adapt the boilerplate code and comes with a moderate amount of utility. Tacit on the other hand is a CSS framework for dummies, for people who, for example, have no interest in working with CSS but still want to get a nicer display look than the default CSS-less HTML display, and they want this out-of-the-box, not having to work with CSS classes.

Filipe Freire
  • 823
  • 7
  • 21
1

IE6 compatibility.

Christian Studer
  • 24,947
  • 6
  • 46
  • 71
  • only within the confines of the framework - doesn't help you at all with extension – annakata Feb 03 '09 at 10:07
  • IE6 compatibility is such a red herring. Before IE7, I remember everyone talked about IE5 compatibility as the problem. With well structured mark-up and sound CSS, you need to do little or nothing to make things work in IE6 in addition to other browsers. – mdja Apr 02 '09 at 09:59
1

given that you are already familiar with one particular framework, it's easier and quicker to do certain common grid layouts. You might want to learn and try to stick with a framework if you are doing a lot of CSS.

Blueprint CSS is the CSS framework I prefer.

andyk
  • 10,019
  • 10
  • 36
  • 41
1

Yes, testing testing and more testing. Do you have time to test and debug your code in all browsers? If you have it's the best to write your own code. If you need quick solution you can use some framework. I wrote one post about this subject: http://www.vcarrer.com/2008/08/when-to-use-css-framework.html

vladocar
  • 301
  • 2
  • 2
0

I've worked with 960 a bit and found it's great for prototyping but I'm not a fan of putting it into production. I find the use of float makes my head hurt a little.

There's a common misconception that frameworks == bloat and another that a particular implementation of a framework represents the definition. A framework is just a tool. Here's an analogy: If you need a spanner to fix your car, you shouldn't throw away your screwdriver set.

If you've found that the frameworks you've looked at aren't suitable to the task at hand, you shouldn't write them off. You can easily make your own or use frameworks when they suit your needs.

Rimian
  • 36,864
  • 16
  • 117
  • 117
0

i think that compatibility of any kind is best achieved when we band together, whether it be using CSS or Javascript frameworks, there's bound to be more chance that bugs will get fixed and wishes will get granted. there's also the chance that similar interfaces reduce the amount of training required for new users of your site.

Justin Lawrence
  • 613
  • 2
  • 7
  • 17
0

I would never, ever use a CSS framework. They don't make anything faster or easier, increase code bloat and make debugging or testing much harder. If I do use a CSS framework to start with, it looks like this:

body {}

In what way would you ever need more than that? the baseline starting point should always be what the browser displays by default, nothing more.

Reset CSS stylesheets cause the same problems.

eg: http://withoutsubstance.blogspot.com/2008/09/why-you-should-never-ever-ever-use.html

mdja
  • 705
  • 4
  • 6