[jacmoe]

I am using Susy (with 320Up) and I really like it. -> https://github.com/ericam/320-susy
Basically Susy means that I can have all grids in one.
Even several types of grids depending on resolution due to media queries.
It requires Sass/Compass, so it's not for everyone.
But I am sold.

[Ben]

Can't thank you enough for opening this thread!

After reading your first post several times, I went on searching for comparisons and tutorials about less and sass. I finally decided to give sass a chance and now, a few weeks later, I'm really happy with it. Don't want to write plain css ever again. It's so straight forward... Introduced it when I had some already existing css files and changed them whenever I had to touch something - not a problem at all.

Alone the support of variables is something I missed so much all the time...

[jacmoe]

Great to hear that something good came out of this topic, Ben.
Sass/Compass is totally cool. Really addicting.
The generated css can be a bit bloated if you're not careful, though.

We have another option, which IMO is better than Twitter Bootstrap:

Zurb Foundation


It's more configurable, more responsive and IMO a lot better than Bootstrap.

And it has a Ruby gem if you want to use it with sass.

If you're looking for the sass part of it on it's repository at Github, you can't find it.


Instead, just get the gem:

ruby -S gem install foundation-sass

And then create the project like this:

compass create project-name -r foundation-sass --using foundation-sass --force

You will get a directory with html, javascript, sass - everything you need to create a responsive web design.

I especially like the grid, but also their mobile visibility layout:

<strong class="show-on-desktops">You are on a desktop machine.</strong>
<strong class="show-on-tablets">You are on a tablet device.</strong>
<strong class="show-on-phones">You are on a smartphone like an iPhone or Android phone.</strong>

<strong class="hide-on-desktops">You are not on a desktop machine.</strong>
<strong class="hide-on-tablets">You are not on a tablet device.</strong>
<strong class="hide-on-phones">You are not on a smartphone like an iPhone or Android phone.</strong>
 

If you don't want to use sass, just get it from their site or Github.

[ekerazha]

Yeah... indeed this was a link to Zurb Foundation.

ekerazha, on 05 November 2011 - 02:50 PM, said:

This looks like a nice Bootstrap alternative http://foundation.zu.../docs/index.php

Foundation is a very good Bootstrap alternative (we will see how Bootstrap 2 will improve).

We are talking about full featured toolkits.

But if you are looking at simpler things, this is an interesting approach http://goldilocksapproach.com

[jacmoe]

My impression is that Foundation isn't going to limit you in the same way that Bootstrap does - meaning that it's more difficult to break out of the standard Twitter look than it is with Foundation.

It's your choice, though.

[Raoul]

did you notice that bootstrap latest release now includes responsive layout ?
cool ...

[jacmoe]

Yup - looks much, much better than 1.x - I think I agree now: let's go Bootstrap.

That doesn't prevent me from using other frameworks for the front-end - and share the semantic css glue code.
But Bootstrap 2 actually looks like something I could use.
Especially when there's a decent Sass/Compass port.

[skeden]

one of the most convenient features and the thing that got me hooked on Twitter Bootstrap 2 is that its components is all maintained in separate files leaving it highly customizable and easy to choose with components suits your application best.

[stephanski]

+1 for Bootstrap 2

[Fredi]

I vote for Bootstrap too. It's really nice also judging by 20k watchers and 3,7k forks on github it shoud be evolving really fast.

[makro]

I vote for bootstrap too!

[jacmoe]

I vote for Foundation, because:

Quote

In my opinion, should we go for Foundation, we could aim for a Yii look.
Instead of - if we chose Bootstrap - looking like one of thousands of other sites built with it.

Mike: Yes, ideally!

Let me suggest the following:

1) Yii goes for ZURB Foundation.
2) Optionally, by means of CSS shims, it could be made to support Bootstrap.
3) If people choose to use Bootstrap, there is an excellent and well-maintained extension by Chris.

The result:
Win-Win-Win. ../../../public/style_emoticons/default/biggrin.gif

If we put our mind to it, of course.

Let us choose Foundation because it offers more flexibility and doesn't make Yii generated projects look like yet another Twitter Bootstrap site, but a really cool Yii site.
It wouldn't be a big deal to make it support Bootstrap:

Semantic CSS shim is the answer!

I don't think neither Foundation nor Bootstrap really has semantic CSS built in, but if we create two versions, one for Foundation (the default) and one for Bootstrap (optional), then we can have it all.
Even a third or a fourth CSS framework, like Blueprint.

That solution brings all the power to the users of Yii.

Wrote this in another topic in the Yii 2.0 forum.

Let's not base this on popularity, or what Twitter has chosen to bundle with Bootstrap.

[Baranek]

+1 Bootstrap

[tof]

Bootstrap 2 too, because I'm already use it (not sure that's a good argument )
But, I think I'll look at foundation too. I just discover it with these topic and the other one in Yii 2 forum...

It would be great, if we could choose which CSS framework we want :

yiic webapp --skel=Foundation
yiic wepapp --skel=Bootstrap
yiic webapp --skel=BluePrint
yiic webapp --skel=UserContributedSkeletonUrl

with automatic downloading

[yiiesss]

+1 bootstrap

[SapporoGuy]

Last time I checked the CSS naming convention for bootstrap was not intuitive.
I do like how they packaged a lot of things nicely for the GUI.
I do not like that the support 960 out of the box.

However there is also a lot that liked
But ... The grid ... Nahh!

Foundation looks interesting, will download later!

[jacmoe]

@SapporoGuy
Yup - that's my opinion of Bootstrap as well.
Even though they changed it, I still feel that Foundation - or maybe something else - would be better.
Bootstrap added a lot of sugar, which is why people think it's the coolest thing since sliced bread..

[SapporoGuy]

Its great for RAD and backed by twitter! So it's good for
Twitter

I built an inhouse system and then found bootstrap, i almost cried until i opened up their code and realized that I'm glad a pieces together several different projects and have human readable css. Its not as good but the next person can walkin and within a hour be up and running.

Foundation sites look good my iphone. Bootstrap sites go both ways ... But that is a designers problem probably...

I dopped blueprint for boilerplate + 1140grid

Are tou just using foundation?

[jacmoe]

No. I'm using Sass/Compass with Susy - with some html5 boilerplate thrown in.
That's really flexible.

[Boyoweb]

the webapp framework should go with 1140 grid system or its close cousin the
foundation from zurb !
This is to maximize the size of most monitors in used today ... as they both adapt to big screens & small screens alike (mobiles,tablets, handhelds) and on the same token ... they are light !

I will try to integrate one of these 2 css frameworks into my Yii app very soon !

This is my vote.