I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/ozmKAIYq4XUJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
On Friday, March 30, 2012 at 2:52 PM, John S wrote:
I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!
--
I'm using it for a client right now, so I'll have more feedback in some time.
For now, I've noticed rounding errors in the responsive grids at particular widths. Any grids with gutters would have the same problem, so I submitted this bug to Tab Atkins regarding the next generation of layout mechanisms: http://lists.w3.org/Archives/Public/www-style/2012Mar/0611.html
Nicole
I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!
--
I've used it for 3 projects now. At first I loved it, but now I think that I live only a few aspects of it - the mixins, icons and buttons.It is an amazing project, but I actually prefer the lightness of the OOCSS framework.While you can customize things in bootstrap, you ant take it too far before things start to break.In the end, what it's taught me about LESS is what I appreciate the most. I'm building a LOOCSS project :-p
Regards, Murray
On 30/03/2012, at 6:52 PM, John S wrote:
I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/ozmKAIYq4XUJ.
To post to this group, send email to object-oriented-css@googlegroups.com.
To unsubscribe from this group, send email to object-oriented-css+unsub...@googlegroups.com.
I've used it for 3 projects now. At first I loved it, but now I think that I live only a few aspects of it - the mixins, icons and buttons.It is an amazing project, but I actually prefer the lightness of the OOCSS framework.While you can customize things in bootstrap, you ant take it too far before things start to break.In the end, what it's taught me about LESS is what I appreciate the most. I'm building a LOOCSS project :-p
Regards, Murray
On 30/03/2012, at 6:52 PM, John S wrote:
I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/ozmKAIYq4XUJ.
To post to this group, send email to object-oriented-css@googlegroups.com.
To unsubscribe from this group, send email to object-oriented-css+unsub...@googlegroups.com.
I've used it for 3 projects now. At first I loved it, but now I think that I live only a few aspects of it - the mixins, icons and buttons.It is an amazing project, but I actually prefer the lightness of the OOCSS framework.While you can customize things in bootstrap, you ant take it too far before things start to break.In the end, what it's taught me about LESS is what I appreciate the most. I'm building a LOOCSS project :-p
Regards, Murray
On 30/03/2012, at 6:52 PM, John S wrote:
I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?Thanks!--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/ozmKAIYq4XUJ.
To post to this group, send email to object-oriented-css@googlegroups.com.
To unsubscribe from this group, send email to object-oriented-css+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/YKJoNg87_CAJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
On 31 Mar 2012, at 12:39, Murray Nuttall wrote:
> Also I prefer Less to Sass, so I'd grizzle lots. :-P
>
Sorry this is going slightly off-topic but I'm really interested to know what your reasons are for preferring Less over Sass?
Thank you
Kristina
I may have a brand new opinion about the two later this evening.
Regards, Murray
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/gv7D10qFXQIJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
Hi Matt B,
I did exactly what you said. I use some components from twitter bootstrap like table and forms also some from OOCSS.What I realize about this approach is that, you use what you need and discard the rest of the bloated code.the nice part is to customize it to what you wantcheers
On Sun, Jan 6, 2013 at 3:06 PM, Matt B. <mbro...@gmail.com> wrote:
I was looking over this discussion again and I'm wondering...is it feasible to use OOCSS for all the basic styling but still use certain Twitter Bootstrap components, like forms, tabs and modals for example? Or does Bootstrap introduce too many base styles that would interfere with OOCSS? Has anyone tried including just parts of the Bootstrap CSS (for the particular components you need) instead of their compiled master CSS file?
When I say OOCSS here I mean the official OOCSS framework (I realize that the term also means the general approach to coding CSS in an object-oriented way, which of course can be applied regardless of the framework/context).
I intend to try out combining the two frameworks myself but I'm curious to hear about others' experiences.To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/gv7D10qFXQIJ.
On Friday, March 30, 2012 1:52:44 AM UTC-4, John S wrote:I'm curious to know what everyone on here's take is on Twitter Bootstrap. How does it rate on the ooCSS scale... from 0 to Nicole Sullivan (she's a '10'!)? Pros? Cons? Anyone on here using it?--Thanks!
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group, send email to object-oriented-css+unsub...@googlegroups.com.
Hello people.
I'm big fan of the approach.
I just want to point out that the concept of OOCSS is about how to define patterns and separate concerns.
- re-usable modules without theme or font styling
- separation of layout/theme etc
- and all the rest.
Both Twitter Bootstrap and Zurb Foundation both uses the same principles.
If you ask if OOCSS is "compatible" in that aspect. Well. It is to my opinion.
Otherwise. OOCSS is a term to illustrate a "better practice" than free-for-all CSS.
Regarding Bootstrap. I do not think it is bloated.
If you meamt it has too much things than you need. Have a look at how to build your own using the less version: bootstrap.less and the variables.less.
An easy way would be to create your own main.less file and import from bootstrap and other .less patterns only what you need.
Then, create separate less files for :
- theme,
-adaptations (change things from extermal libraries),
- states
- fonts
I actually wrote a post on htmlcsstherightway.org about how to do this concept of extending libraries.
http://htmlcsstherightway.org/#efficient_way_to_re_use_front_end_library_in_your_project
When experience kicks-in you will realise how repetitive css is. And you will get more and more efficient in separating concerns. It comes with practice.
Hope it helped clarifying your doubts.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/TIh1sHRsvyYJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
To post to this group, send email to object-or...@googlegroups.com.
Visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
Hi John,I have only looked briefly from my iPhone, but I have to congratulate you - I really like the design, and you have obviously spent a lot of time on the documentation - well done.I don't wish to be instantly critical, but I did notice a few issues in the responsive layout on my iPhone (iOS 6.1). Please see a couple of images below.I will look again from a few devices and browsers and look at the code itself, but initially looks good!!Regards,Dan
On Wed, Mar 27, 2013 at 8:59 PM, John Slegers <illusi...@gmail.com> wrote:
I like Bootstrap's design and overall feature set, but I don't like its architecture.
--
With regards to Nicole's OOCSS project it's the other way around. I like her overall architecture but can't say I'm impressed by its design and feature set.
About a week ago, I released Cascade Framework that combines - among other features - an (optional) Bootstrap inspired design and featureset with an OOCSS based architecture. The purpose of Cascade Framework is to be optimal in terms of performance, flexibility, modularity, code bloat, etc.
Any feedback would be appreciated.
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
> To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
> To post to this group, send email to object-or...@googlegroups.com.
> Visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
>
> --
> You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
> > To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
> > To post to this group, send email to object-or...@googlegroups.com.
> > Visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
> > For more options, visit https://groups.google.com/groups/opt_out.
> >
> >
> >
> >
> > --
> > You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
> > To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
> > To post to this group, send email to object-or...@googlegroups.com.
> > Visit this group at http://groups.google.com/group/object-oriented-css?hl=en.
> > For more options, visit https://groups.google.com/groups/opt_out.
> >
> >
>
>
> --
> You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
Hi John,I have only looked briefly from my iPhone, but I have to congratulate you - I really like the design, and you have obviously spent a lot of time on the documentation - well done.I don't wish to be instantly critical, but I did notice a few issues in the responsive layout on my iPhone (iOS 6.1). Please see a couple of images below.I will look again from a few devices and browsers and look at the code itself, but initially looks good!!Regards,Dan
On Wed, Mar 27, 2013 at 8:59 PM, John Slegers <illusi...@gmail.com> wrote:
I like Bootstrap's design and overall feature set, but I don't like its architecture.
--
With regards to Nicole's OOCSS project it's the other way around. I like her overall architecture but can't say I'm impressed by its design and feature set.
About a week ago, I released Cascade Framework that combines - among other features - an (optional) Bootstrap inspired design and featureset with an OOCSS based architecture. The purpose of Cascade Framework is to be optimal in terms of performance, flexibility, modularity, code bloat, etc.
Any feedback would be appreciated.
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
Hi John, yes, looks great now :)
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
Hi John,I fixed the viewport to <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Could you retest and see it if makes a difference?Kind regards,John Slegers
--
You received this message because you are subscribed to a topic in the Google Groups "Object Oriented CSS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/object-oriented-css/LUiec9X2ZDk/unsubscribe?hl=en.
To unsubscribe from this group and all its topics, send an email to object-oriented...@googlegroups.com.
Anyway, these are all "nits." You've done some great work here. Thanks!
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
To post to this group, send email to object-or...@googlegroups.com.
Visit this group at http://groups.google.com/group/object-oriented-css.
1. As Matthew pointed out, both "shim" and "shiv" are terms used along with "polyfill" to refer to libraries that add standard behavior to non-standard browsers. The popular project by aFarkas that comes bundled with Cascade Framework is officially called the "The HTML5 Shiv". Hence, my use of the term "shiv" instead of "shim".
Bottom navigation does have additional markup in case of tab navigation. The same would be true for hover menus (which I originally indended to include in the framework but decided to leave out of it for various reasons).