A Single Article

Read it, comment, and share it with your friends

Blueprint, Montoya-style

Posted August 31 in Design.

I’ve been following Blueprint since I first heard about it, back when it was at version 0.2. That’s been at least 3 weeks, right? Anyway, I was very interested in the project from the start and I have been following the mailing list closely ever since, contributing advice and information (because, you know, CSS is kind of my thing). I already see Blueprint as something that can save me a significant amount of time on each project where I would use it, since it provides so much basic styling out-of-the-box.

Still, I have not been without my doubts about the way Blueprint development has been going. I’ll admit that I’ve criticized it since I started following the discussions for being bloated, and in some places, a bit careless. In its current form, there are a lot of things I would change before it would truly “work” for me.

I mentioned to the group over a week ago that I would put all my changes together and share them with everyone to hopefully contribute to the development as a whole. It took me a while to get down to it, but I finally managed to make significant progress on this and so far what I have is up at my lab. To summarize my changes:

  • I removed a lot of bloat from reset.css, which was based on the original version by Eric Meyer. I wish people would stop using Eric’s file, and I know I’m going to get flak for this, but let me explain: I seriously think Eric’s reset.css was put together as an example of how to eliminate all and any default styling on all html elements. It has a lot of things that are totally unnecessary, like removing margins and padding from inline elements. If people are looking for reset.css files that are actually meant to be used in a production environment, well, they should really be looking for initial.css files, about which I wrote an article some time ago: CSS techniques I use all the time.
  • I applied everything within reason from The Elements of Typographic Style applied to the Web, which I really think should be required reading for everyone involved in web design. I haven’t gotten everything exactly right, but I’m pretty close.

Now, I’ve submitted these modifications to the Blueprint community and I don’t know where they will take them, but I’m really hoping these changes will be accepted since I think they are essential to improving Blueprint and making it a lot lighter. If they aren’t accepted, I can just about guarantee that I will end up releasing my own CSS framework very soon, and there’s a chance that I will do it regardless, since there are a lot of things that are done a certain way in Blueprint which wouldn’t fit every site (so, the more variety the better, right?). To put it another way, I think the fault with Blueprint right now is that there are too many people approaching its development as a means to make a framework that can provide the styling for an entire website without the need for any extra CSS work period, which in some ways is a decent goal but in other ways just doesn’t make sense as far as frameworks are concerned. Things like applying specific styles to links make a good example of what I don’t think a framework should do.

So… I’m interested in hearing whatever you might think about me possibly making my own framework (based to some degree on Blueprint, but still very different) and any ideas you might have about things that are done well, or not so well, with Blueprint in its current form.

Update 8/31/07: I am now an official member of the Blueprint team, and some of my changes are being used in the next release :)

Meta

Useful things

Related Articles

These just might ring a bell

Get a Trackback link

7 Comments

Responses to my article
  1. Olav August 31, 2007

    Great work, and I think it’s a great idea to create your own version of BP if you have some good but fundamentally different ideas. :) Keep it up!

  2. Jacquelynn August 31, 2007

    Christian,
    Well-done with the typography. It’s really refreshing to see someone who isn’t a designer concerned with it. It’s difficult to tell with lorem ipsum text the difference it will make, but a trained eye will notice right away that the rhythm on your lab page flows really nicely.

  3. Christian Montoya August 31, 2007

    Jacquelynn: Well, it wasn’t all my doing, some of it was already there from Blueprint 0.5. I have to say though, that site on Web Typography really does wonders!

  4. Andy Ford August 31, 2007

    Christian,
    Do it! Make your own CSS framework!

    I think Blueprint is just the beginning and the floodgates are now open. Perhaps a few months from now we’ll have a very mature and usable Blueprint and maybe we’ll have 2 or 3 other really great CSS frameworks that apply to different situations.

    As a side note, I haven’t heard much buzz about the “ESWAT web project framework” - maybe there’s good reason for that, but I thought I’d point it out just to stir the pot a little

  5. Will August 31, 2007

    Congrats on having your changes in the next release of Blueprint and your appointment to the team!

    I suppose if you are working with them, you won’t be releasing your own framework.

  6. Christian Montoya September 1, 2007

    Will: Not necessarily… but I certainly won’t be in a big hurry to do it :)

  7. Jenny September 1, 2007

    Well I hope you do release your own framework. I really don’t see a reason for having only one framework, other than the ease of testing. I think there are probably a bunch of changes you could make that would take too long to show up in the official release, and everyone would benefit from your own framework.

Leave a comment

Share your thoughts with the world

You can use Markdown, or you can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Please keep comments respectful and on topic.

This form is guarded by Akismet, so don't waste your time trying to submit spam. It won't work. Ever.





Stay on top of new updates at this site: Subscribe to the Feed!