[ANN] Bootstrap for Seaside3 project (Release 0.1.0)

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

[ANN] Bootstrap for Seaside3 project (Release 0.1.0)

Torsten Bergmann
Hi,

there are various frameworks out there helping you to ease common tasks in web development.
One of them is Bootstrap (http://getbootstrap.com) that is used more and more to easily style
web sites and web applications.

We had wrappers for Bootstrap supporting Seaside in the past already:
 - the TwitterBootstrap project on SS3 from the Seaside team
 - the TBootstrap project from Gaston Dall Oglio
 
Unfortunately these projects are not up to date with the latest Bootstrap version,
not covered by tests, had no docu or examples, no CI, ...
 
To provide better support for Bootstrap and Seaside3 development I created a fresh project
called "Bootstrap for Seaside" (or "Bootstrap" for short).

This new project is
 - nearly feature complete regarding components (Nav, Navbar, Jumbotron, Buttons, Alarms, Layouts, ...)
 - uses the latest Bootstrap libraries (http://getbootstrap.com)
 - covered by more than 160 tests
 - completed with an example browser that shows Bootstrap components and according Smalltalk code
 - available at STHub (http://smalltalkhub.com/#!/~TorstenBergmann/Bootstrap)
 - documented (see mentioned project website on STHub) with docu support for PharoOnlineHelp and catalog
 - controlled by CI (https://ci.inria.fr/pharo-contribution/job/Bootstrap/)
 - easily loadable using config browser in Pharo 2.0

Attached are some screenshots from the project itself.
 
More details can be found in the more docu at the project site on SmalltalkHub. Just scroll down at the
info page provided there.

You can easily load it in a fresh Pharo 2.0 as "Bootstrap" from the config browser. It loads Seaside3
as a dependency. After loading evaluate

  ZnZincServerAdaptor startOn: 8080
 
to start the webserver and go to http://localhost:8080/bootstrap to browse the samples.

Feel free to use it for your next Pharo/Seaside/Bootstrap based web project and thanks in advance
for any contribution you may give to the project in the future.

Bye
T.

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

tbsScreen2.png (42K) Download Attachment
tbsScreen1.png (45K) Download Attachment
tbsScreen3.png (50K) Download Attachment
tbsLogo.png (25K) Download Attachment
tty
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap for Seaside3 project (Release 0.1.0)

tty
Superb!

Thank you.



---- On Wed, 02 Oct 2013 15:52:37 -0700 Torsten Bergmann<[hidden email]> wrote ----

Hi,

there are various frameworks out there helping you to ease common tasks in web development.
One of them is Bootstrap (http://getbootstrap.com) that is used more and more to easily style
web sites and web applications.

We had wrappers for Bootstrap supporting Seaside in the past already:
- the TwitterBootstrap project on SS3 from the Seaside team
- the TBootstrap project from Gaston Dall Oglio

Unfortunately these projects are not up to date with the latest Bootstrap version,
not covered by tests, had no docu or examples, no CI, ...

To provide better support for Bootstrap and Seaside3 development I created a fresh project
called "Bootstrap for Seaside" (or "Bootstrap" for short).

This new project is
- nearly feature complete regarding components (Nav, Navbar, Jumbotron, Buttons, Alarms, Layouts, ...)
- uses the latest Bootstrap libraries (http://getbootstrap.com)
- covered by more than 160 tests
- completed with an example browser that shows Bootstrap components and according Smalltalk code
- available at STHub (http://smalltalkhub.com/#!/~TorstenBergmann/Bootstrap)
- documented (see mentioned project website on STHub) with docu support for PharoOnlineHelp and catalog
- controlled by CI (https://ci.inria.fr/pharo-contribution/job/Bootstrap/)
- easily loadable using config browser in Pharo 2.0

Attached are some screenshots from the project itself.

More details can be found in the more docu at the project site on SmalltalkHub. Just scroll down at the
info page provided there.

You can easily load it in a fresh Pharo 2.0 as "Bootstrap" from the config browser. It loads Seaside3
as a dependency. After loading evaluate

ZnZincServerAdaptor startOn: 8080

to start the webserver and go to http://localhost:8080/bootstrap to browse the samples.

Feel free to use it for your next Pharo/Seaside/Bootstrap based web project and thanks in advance
for any contribution you may give to the project in the future.

Bye
T.
_______________________________________________
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 for Seaside3 project (Release 0.1.0)

Paul DeBruicker
In reply to this post by Torsten Bergmann
looks good.


Would you mind if I specify the specific Seaside packages that are necessary for using this in the Configuration?  


At a guess its 'Base' and 'JQuery'



Without specifying it the 'default' group gets loaded in which includes tests etc.


Thanks

Paul



On Oct 2, 2013, at 3:52 PM, Torsten Bergmann <[hidden email]> wrote:

> Hi,
>
> there are various frameworks out there helping you to ease common tasks in web development.
> One of them is Bootstrap (http://getbootstrap.com) that is used more and more to easily style
> web sites and web applications.
>
> We had wrappers for Bootstrap supporting Seaside in the past already:
> - the TwitterBootstrap project on SS3 from the Seaside team
> - the TBootstrap project from Gaston Dall Oglio
>
> Unfortunately these projects are not up to date with the latest Bootstrap version,
> not covered by tests, had no docu or examples, no CI, ...
>
> To provide better support for Bootstrap and Seaside3 development I created a fresh project
> called "Bootstrap for Seaside" (or "Bootstrap" for short).
>
> This new project is
> - nearly feature complete regarding components (Nav, Navbar, Jumbotron, Buttons, Alarms, Layouts, ...)
> - uses the latest Bootstrap libraries (http://getbootstrap.com)
> - covered by more than 160 tests
> - completed with an example browser that shows Bootstrap components and according Smalltalk code
> - available at STHub (http://smalltalkhub.com/#!/~TorstenBergmann/Bootstrap)
> - documented (see mentioned project website on STHub) with docu support for PharoOnlineHelp and catalog
> - controlled by CI (https://ci.inria.fr/pharo-contribution/job/Bootstrap/)
> - easily loadable using config browser in Pharo 2.0
>
> Attached are some screenshots from the project itself.
>
> More details can be found in the more docu at the project site on SmalltalkHub. Just scroll down at the
> info page provided there.
>
> You can easily load it in a fresh Pharo 2.0 as "Bootstrap" from the config browser. It loads Seaside3
> as a dependency. After loading evaluate
>
>  ZnZincServerAdaptor startOn: 8080
>
> to start the webserver and go to http://localhost:8080/bootstrap to browse the samples.
>
> Feel free to use it for your next Pharo/Seaside/Bootstrap based web project and thanks in advance
> for any contribution you may give to the project in the future.
>
> Bye
> T.
> <tbsScreen2.png><tbsScreen1.png><tbsScreen3.png><tbsLogo.png>_______________________________________________
> 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
tty
Reply | Threaded
Open this post in threaded view
|

Re: [ANN] Bootstrap for Seaside3 project (Release 0.1.0)

tty
In reply to this post by Torsten Bergmann
First, thanks for the project.

What do you suggest for adding new tags/classes?

For example, I am coding a site and I have a nav-bar..


      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
I was able to add a beInner method to the tbsNabBar tag.
I also added a tbsContainer tag..

Is there is an existing mechanism to add the class/data-toggle/data-target attributes to any  tag?


thx.


_______________________________________________
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 for Seaside3 project (Release 0.1.0)

Mariano Martinez Peck
Hi Torsten,

This is just to thank you for this. I did a small prototype and integrated Bootstrap for a web application of a client. So far I am using Jumbotron, tables, buttons, navbar, alerts, and pagination. So far so good!
Again, thank you very much!


On Tue, Oct 8, 2013 at 9:44 PM, gettimothy <[hidden email]> wrote:
First, thanks for the project.

What do you suggest for adding new tags/classes?

For example, I am coding a site and I have a nav-bar..


      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
I was able to add a beInner method to the tbsNabBar tag.
I also added a tbsContainer tag..

Is there is an existing mechanism to add the class/data-toggle/data-target attributes to any  tag?


thx.


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




--
Mariano
http://marianopeck.wordpress.com

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