Skeleton Instead Of Blueprint (Self-Rejected) HTML5 instead of transitional
Posted 05 November 2011 - 09:51 PM
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.
Posted 19 November 2011 - 11:28 PM
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...
Posted 21 November 2011 - 08:06 AM
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:
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
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.
Posted 03 January 2012 - 02:26 PM
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
Posted 03 January 2012 - 02:55 PM
It's your choice, though.
Posted 02 February 2012 - 11:37 AM
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.
Posted 05 February 2012 - 01:02 PM
Posted 01 March 2012 - 09:22 AM
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.
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.
Posted 14 March 2012 - 02:11 AM
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
Posted 01 April 2012 - 06:41 PM
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!
Posted 01 April 2012 - 07:52 PM
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..
Posted 02 April 2012 - 01:55 AM
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?
Posted 03 April 2012 - 07:33 AM
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.