How can we use Bootstrap mixin?
Hi I read that it is not really good to use tbsContainer: and friend in seaside bootstrap and I would like to know - what are bootstrap mixin tags? - how do we use them? Stef
On 16-03-16 09:08, stepharo wrote:
I read that it is not really good to use tbsContainer: and friend in > seaside bootstrap and I would like to know > > - what are bootstrap mixin tags? - how do we use them
The nice thing about all the tbsXXX methods is that they support mixing ordinary Seaside canvas and Bootstrap specific code, and make very clear when you are using what. What I don't like about all the tbsXXX methods is that they provide a (nearly) full duplication of the canvas vocabulary, and don't make it easy to switch from standard Seaside to Bootstrap. That can be achieved by adding a subclass of the canvas that generates bootstrap specific html, and making sure that is used. Stephan
stepharo <stepharo@free.fr> writes:
Hi
I read that it is not really good to use tbsContainer: and friend in seaside bootstrap and I would like to know
- what are bootstrap mixin tags? - how do we use them?
everything is explained here: Please stop embedding Bootstrap classes in your HTML! http://ruby.bvision.com/blog/please-stop-embedding-bootstrap-classes-in-your... The argument is that having html code like this: <div class="row"> <div class="span6">...</div> <div class="span6">...</div> </div> goes against the separation of rendering and content that CSS is supposed to bring. Adding all those bootstrap classes everywhere in the HTML is not better than adding <table> tags to layout web pages. In the above web page, the author explains how to use SCSS/SASS/Less mixins to add sanity to your html. Something like: <div class="book-previews"> <div class="book-preview">...</div> <div class="book-preview">...</div> </div> and the SCSS/SASS/Less stylesheet: .book-previews { .makeRow(); // Mixin provided by Bootstrap ... } -- Damien Cassou http://damiencassou.seasidehosting.st "Success is the ability to go from one failure to another without losing enthusiasm." --Winston Churchill
On 16-03-16 11:05, Damien Cassou wrote:
everything is explained here: Please stop embedding Bootstrap classes > in your HTML!
Ah yes. The problem is somewhat less acute in Seaside because we take care of the reuse on the smalltalk side, so this is all generated code. And from a practical point of view: css does not bring separation of rendering and content. It might try to, but it doesn't succeed. It is too verbose and isn't powerful enough. Stephan
Stephan Eggermont <stephan@stack.nl> writes:
On 16-03-16 11:05, Damien Cassou wrote: Ah yes. The problem is somewhat less acute in Seaside because we take care of the reuse on the smalltalk side, so this is all generated code. And from a practical point of view: css does not bring separation of rendering and content. It might try to, but it doesn't succeed. It is too verbose and isn't powerful enough.
agree, that's why alternatives such as Less and SASS are popular. -- Damien Cassou http://damiencassou.seasidehosting.st "Success is the ability to go from one failure to another without losing enthusiasm." --Winston Churchill
And there is even a CSS tool in Pharo to augment CSS like Less & SASS, I forgot the name ...
On 16 Mar 2016, at 11:41, Damien Cassou <damien.cassou@inria.fr> wrote:
Stephan Eggermont <stephan@stack.nl> writes:
On 16-03-16 11:05, Damien Cassou wrote: Ah yes. The problem is somewhat less acute in Seaside because we take care of the reuse on the smalltalk side, so this is all generated code. And from a practical point of view: css does not bring separation of rendering and content. It might try to, but it doesn't succeed. It is too verbose and isn't powerful enough.
agree, that's why alternatives such as Less and SASS are popular.
-- Damien Cassou http://damiencassou.seasidehosting.st
"Success is the ability to go from one failure to another without losing enthusiasm." --Winston Churchill
On 16/03/2016 11:45, Sven Van Caekenberghe wrote:
And there is even a CSS tool in Pharo to augment CSS like Less & SASS, I forgot the name ...
RenoirST? https://ci.inria.fr/pharo-contribution/view/Books/job/EnterprisePharoBook/la... -- Cyril Ferlicot http://www.synectique.eu 165 Avenue Bretagne Lille 59000 France
On 16 Mar 2016, at 12:06, Cyril Ferlicot Delbecque <cyril.ferlicot@gmail.com> wrote:
On 16/03/2016 11:45, Sven Van Caekenberghe wrote:
And there is even a CSS tool in Pharo to augment CSS like Less & SASS, I forgot the name ...
RenoirST?
https://ci.inria.fr/pharo-contribution/view/Books/job/EnterprisePharoBook/la...
Yes, I think so ;-)
-- Cyril Ferlicot
165 Avenue Bretagne Lille 59000 France
participants (5)
-
Cyril Ferlicot Delbecque -
Damien Cassou -
Stephan Eggermont -
stepharo -
Sven Van Caekenberghe