YUI CSS grids deprecated in 3.1?

[JohnWShipman]

The _Definitive Guide to Pylons_ recommends using YUI's CSS grid
package for general layout, but upon looking at http://developer.yahoo.com/yui/
I find that in version 3.1 their grid stylesheet is deprecated.

Should I stay with 2.8.0r4? Can anyone tell me why this package is
deprecated, or suggest a suitable alternative that has the features of
YUI's CSS Reset stylesheet and a grid layout?

--
You received this message because you are subscribed to the Google Groups "pylons-discuss" group.
To post to this group, send email to pylons-...@googlegroups.com.
To unsubscribe from this group, send email to pylons-discus...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/pylons-discuss?hl=en.

[Doug Farrell]

John,

I've been using the 960 Grid Layout CSS Framework (www.960.gs) and
it's been working very well for me. I don't know the YUI system, so I
can't compare them, but I've been happy enough with 960 to not want to
go to the trouble either. :)

Doug

[Matt Feifarek]

On Sat, Apr 24, 2010 at 3:21 PM, JohnWShipman <jo...@nmt.edu> wrote:

Should I stay with 2.8.0r4?  Can anyone tell me why this package is
deprecated, or suggest a suitable alternative that has the features of
YUI's CSS Reset stylesheet and a grid layout?

First, notice that Reset (and Fonts) has not been deprecated; just the grids: you can still use reset.

I don't know why it's deprecated, but I have some suspicions:

1. So few layouts correspond perfectly with their grid system. I've noticed this in my own work; I WANT to use the YUI grids, and I start doing so, and eventually need to tweak something in a way that is not compatible with grids... and then I end up fighting with the framework.

2. CSS support is getting SO much better in browsers, that perhaps they figured we don't need grids anymore.

Finally, you might try adding the old grids css to your stack after the reset from YUI 3.1... it might just work.

[Jens Hoffrichter]

We have worked now for a couple of projects with Blueprint,
http://www.blueprintcss.org/ - I can really recommend that, it makes
the layout just so easy you don't really have to think about it,
especially if you have a grid-like layout with a fixed with (which
most of our projects have).

Jens

[Matt Feifarek]

On Mon, Apr 26, 2010 at 1:29 PM, Jens Hoffrichter <jens.hof...@gmail.com> wrote:

We have worked now for a couple of projects with Blueprint,
http://www.blueprintcss.org/ - I can really recommend that, it makes

I really like the ideas of Blueprint and also the 960 one mentioned earlier. But both suffer from a pretty fundamental flaw: they cannot scale. They make pretty sites so long as you don't scale them too much. (Try it here.)

I don't mean "scale" like a database scales; I mean when you zoom-in on the browser to make the type and other elements bigger, the grids fall apart. They mostly fall apart gracefully, but what makes them attractive disappears (the vertical meter and so-forth).

In my opinion, any decent css web grid system needs to be done in ems or percentages so this can work.

Also, a nitpick about blueprint; it assumes a very small pixel size to start with (12px). Smaller text (like the demo sidebar here) is even smaller. On some displays (like a 17" 1920x1200 laptop) this is way too tiny. Of course most people don't have these displays, and as implied by the "960" most are still targeting 1024x768. But still. 12px is too small at 96dpi, let alone at higher ppi.

Zoom-ability matters to me, and I think it should matter to anybody laying out pages. There is a derivative of the 960 one that is purports to be scalable... which I discovered today because of Doug earlier. Thanks! 

[mickgardner]

I've recently just finished a project using YUI-CSS version 2.8 (or
whatever the last pre-version 3 is).
It still works very well.
I've used blueprintcss too. I found that full page width layouts were
practically impossible to do, and was also frustrated by the fiddling
involved with page width changes etc.
Personally I would just use YUI 2 and wait for YUI 3 to get a grids
engine...

Michael

On Apr 27, 8:58 am, Matt Feifarek <matt.feifa...@gmail.com> wrote:
> On Mon, Apr 26, 2010 at 1:29 PM, Jens Hoffrichter <
>

> jens.hoffrich...@gmail.com> wrote:
> > We have worked now for a couple of projects with Blueprint,

> >http://www.blueprintcss.org/- I can really recommend that, it makes

>
> I really like the ideas of Blueprint and also the 960 one mentioned earlier.
> But both suffer from a pretty fundamental flaw: they cannot scale. They make
> pretty sites so long as you don't scale them too much. (Try it

> here<http://www.blueprintcss.org/tests/parts/grid.html>
> .)

>
> I don't mean "scale" like a database scales; I mean when you zoom-in on the
> browser to make the type and other elements bigger, the grids fall apart.
> They mostly fall apart gracefully, but what makes them attractive disappears
> (the vertical meter and so-forth).
>
> In my opinion, any decent css web grid system needs to be done in ems or
> percentages so this can work.
>
> Also, a nitpick about blueprint; it assumes a very small pixel size to start
> with (12px). Smaller text (like the demo sidebar

> here<http://www.blueprintcss.org/tests/parts/sample.html>)