Skeleton Instead Of Blueprint (Self-Rejected)

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. ;)

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…

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.

Yeah… indeed this was a link to Zurb Foundation.

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

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. :)

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

cool …

B)

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.

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.

+1 for Bootstrap 2

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.

I vote for bootstrap too!

I vote for Foundation, because:

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.

+1 Bootstrap

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

+1 bootstrap

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!

@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…

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?

No. I’m using Sass/Compass with Susy - with some html5 boilerplate thrown in.

That’s really flexible. :)

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.