[ANN] Bootstrap 0.7 with TB v3.1.1.

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
5 messages Options
Reply | Threaded
Open this post in threaded view
|

[ANN] Bootstrap 0.7 with TB v3.1.1.

Torsten Bergmann
Esteban wrote:
>Is there a way to use Bootstrap 2.x or is it 3.x only?

My Seaside related wrapper project "Bootstrap" was started with 3.x from Twitter
Bootstrap and all test cases I implemented relate to Twitter Bootstrap 3.x examples.

Moving to this new library was one of the reasons for implementing it - see the docu
on the STHub project site.

I doubt that 3.x is compatible with 2.x - since many CSS classes were changed in
3.x by the Twitter Bootstrap project and the new version is more optimized to be "mobile first".

Note that the 2.x is no longer officially supported, see (http://getbootstrap.com/2.3.2/)
so you should move if you have an old project.

Bye
Torsten

_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap 0.7 with TB v3.1.1.

Stephan Eggermont-3
Sven wrote

>One suggestion: since bootstrap 3+ is mobile-first responsive, would it not make sense to add the following for better results on >smartphones/tablets:
>
>updateRoot: htmlRoot
>  super updateRoot: htmlRoot.
>  "..."
>  htmlRoot meta
>    name: 'viewport';
>    content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'
>
>Anyway, that is what I am doing. It would make the online demo better, I think.

What does that do exactly? I don’t know many devices, especially mobile ones,
where disallowing scaling by the user would be a good idea.

Stephan _______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap 0.7 with TB v3.1.1.

Sven Van Caekenberghe-2

On 25 Feb 2014, at 14:48, Stephan Eggermont <[hidden email]> wrote:

Sven wrote
One suggestion: since bootstrap 3+ is mobile-first responsive, would it not make sense to add the following for better results on >smartphones/tablets: 

updateRoot: htmlRoot 
super updateRoot: htmlRoot. 
"..." 
htmlRoot meta 
  name: 'viewport'; 
  content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' 

Anyway, that is what I am doing. It would make the online demo better, I think. 

What does that do exactly? I don’t know many devices, especially mobile ones,
where disallowing scaling by the user would be a good idea.

On the contrary, it is very important for small screen mobile devices, because a good mobile/responsive framework like TBS will then use the full width with a clear font. But it is hard to explain. Basically, you want the left, not the right (actual iOS).


But it might depend on the device.

Stephan _______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap 0.7 with TB v3.1.1.

Stephan Eggermont-3
In reply to this post by Torsten Bergmann
Sven wrote:
>On the contrary, it is very important for small screen mobile devices, because a good mobile/responsive framework like TBS will then use the full >width with a clear font. But it is hard to explain. Basically, you want the left, not the right (actual iOS).

Except that you want it to work. And it doesn’t.
If you have e.g. a scroll pane with source code that is longer than 1 screen, you can no longer scroll
when you disable user scaling. You can see the problem when you take a look at the source code
of Alerts.

Stephan


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap 0.7 with TB v3.1.1.

Sven Van Caekenberghe-2
Stephan,

On 25 Feb 2014, at 15:24, Stephan Eggermont <[hidden email]> wrote:

> Sven wrote:
>> On the contrary, it is very important for small screen mobile devices, because a good mobile/responsive framework like TBS will then use the full >width with a clear font. But it is hard to explain. Basically, you want the left, not the right (actual iOS).
>
> Except that you want it to work. And it doesn’t.
> If you have e.g. a scroll pane with source code that is longer than 1 screen, you can no longer scroll
> when you disable user scaling. You can see the problem when you take a look at the source code
> of Alerts.

It does work, but there is no magic. You can't show huge tables or fixed formatted (source code) text on a small device in a readable way. You have to redesign.

I have a technical back office style web app that I just overhauled with TBS. It has lots of ugly tables. You can still scroll them with a fixed zoom level by making them responsive:

  http://getbootstrap.com/css/#tables-responsive

My main interest in TBS is in creating mobile first responsive web apps. Having silly small fonts where I have to zoom in and out all the time is not what I want. My suggestion was to have the demo reflect that capability. But I do agree the source code view is a problem ;-)

Sven
 


_______________________________________________
seaside mailing list
[hidden email]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside