Yii Framework Forum: Skeleton Instead Of Blueprint (Self-Rejected) - Yii Framework Forum

Jump to content

  • (3 Pages)
  • +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

Skeleton Instead Of Blueprint (Self-Rejected) HTML5 instead of transitional Rate Topic: -----

#21 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 05 November 2011 - 09:51 PM

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. ;)
"Less noise - more signal"
0

#22 User is offline   Ben 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 266
  • Joined: 15-March 09

Posted 19 November 2011 - 11:28 PM

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...
Don't like ads in my sig...
0

#23 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 21 November 2011 - 08:06 AM

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.
"Less noise - more signal"
0

#24 User is offline   ekerazha 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 524
  • Joined: 10-October 08
  • Location:European Union

Posted 03 January 2012 - 02:26 PM

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

View Postekerazha, 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
Yii user #37
1

#25 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 03 January 2012 - 02:55 PM

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. :)
"Less noise - more signal"
0

#26 User is offline   Raoul 

  • Master Member
  • PipPipPipPip
  • Yii
  • Group: Members
  • Posts: 631
  • Joined: 29-November 08
  • Location:Paris, France

Posted 01 February 2012 - 06:19 PM

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

B)
0

#27 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 02 February 2012 - 11:37 AM

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

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.
"Less noise - more signal"
0

#28 User is offline   skeden 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 3
  • Joined: 08-January 10

Posted 05 February 2012 - 01:02 PM

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.
0

#29 User is offline   stephanski 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 8
  • Joined: 03-January 12

Posted 06 February 2012 - 09:40 AM

+1 for Bootstrap 2
0

#30 User is offline   Fredi 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 11
  • Joined: 17-January 12

Posted 17 February 2012 - 08:54 PM

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.
0

#31 User is offline   makro 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 71
  • Joined: 05-November 09
  • Location:Novara, IT

Posted 22 February 2012 - 03:41 AM

I vote for bootstrap too!
0

#32 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 01 March 2012 - 09:22 AM

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.
"Less noise - more signal"
0

#33 User is offline   Baranek 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 37
  • Joined: 19-July 11

Posted 14 March 2012 - 01:37 AM

+1 Bootstrap
0

#34 User is offline   tof 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 29
  • Joined: 07-October 08
  • Location:Sophia Antipolis - French Riviera

Posted 14 March 2012 - 02:11 AM

Bootstrap 2 too, because I'm already use it (not sure that's a good argument Posted ImagePosted Image)
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
0

#35 User is offline   yiiesss 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 17
  • Joined: 10-August 11

Posted 16 March 2012 - 12:05 PM

+1 bootstrap
0

#36 User is offline   SapporoGuy 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 177
  • Joined: 25-December 10
  • Location:Sappor Beer Refinery

Posted 01 April 2012 - 06:41 PM

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!
0

#37 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 01 April 2012 - 07:52 PM

@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..
"Less noise - more signal"
0

#38 User is offline   SapporoGuy 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 177
  • Joined: 25-December 10
  • Location:Sappor Beer Refinery

Posted 02 April 2012 - 01:55 AM

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?
0

#39 User is offline   jacmoe 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 2,601
  • Joined: 10-October 10
  • Location:Denmark

Posted 02 April 2012 - 01:59 AM

No. I'm using Sass/Compass with Susy - with some html5 boilerplate thrown in.
That's really flexible. :)
"Less noise - more signal"
0

#40 User is offline   Boyoweb 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 4
  • Joined: 01-April 12
  • Location:Montreal - Canada

Posted 03 April 2012 - 07:33 AM

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.
1

Share this topic:


  • (3 Pages)
  • +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users