You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by gerritqf <ge...@qfactors.nl> on 2013/12/03 14:27:47 UTC
Wicket and Responsive Design question
Hello,
I am new to Wicket and i need some advice about building a webapplication
with Wicket and making this suitable for several devices, like tablet and
smartphone.
What is the best way of building the markup pages with Wicket, or is it just
a way of including the right css3 and html5 to the pages afterwards?
Is it a good idea to make a Single-page application using panels or better
inherit pages regarding responsive design?
I hope you can help me into the right direction.
Thanks in advance.
Gerrit
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Responsive-Design-question-tp4662736.html
Sent from the Users forum mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wicket and Responsive Design question
Posted by Gerrit Wassink <ge...@qfactors.nl>.
Thanks a lot. This helps me further!
Jeremy Thomerson <je...@wickettraining.com> , 3-12-2013 18:29:
Responsive design means different things to different people. However, the
most common definition these days has to do with markup that adjusts to
various types of devices. Accomplishing this primarily centers around your
HTML, CSS (using media queries, etc), and JS for enhanced features. Thus,
most of that doesn't have a strict requirement for Wicket. If you're new to
responsive design I'd suggest you compare responsive CSS frameworks like
Bootstrap [1] or some alternative [2].
You can use most of these frameworks without any additional Wicket-specific
code by using their flavor of markup and CSS class names, etc. However,
there are integration projects that folks have made available to make
common components that work with these frameworks (like wicket-bootstrap
[3] or [4]) that you can also take advantage of.
There are, of course, finer details to responsive design like providing
alternative image sizes for different devices, etc. However, there are a
myriad of ways those things can be accomplished and what you do largely
depends on your other integrations (i.e. how you serve your static assets,
etc).
[1] http://getbootstrap.com/
[2]
http://list.ly/list/303-alternatives-to-twitter-bootstrap-html5-css3-responsive-framework
[3] http://mvnrepository.com/artifact/org.apache.wicket/wicket-bootstrap
[4] https://github.com/l0rdn1kk0n/wicket-bootstrap
--
Jeremy Thomerson
http://wickettraining.com
On Tue, Dec 3, 2013 at 8:27 AM, gerritqf <ge...@qfactors.nl> wrote:
> Hello,
>
> I am new to Wicket and i need some advice about building a webapplication
> with Wicket and making this suitable for several devices, like tablet and
> smartphone.
> What is the best way of building the markup pages with Wicket, or is it
> just
> a way of including the right css3 and html5 to the pages afterwards?
> Is it a good idea to make a Single-page application using panels or better
> inherit pages regarding responsive design?
>
> I hope you can help me into the right direction.
>
> Thanks in advance.
>
> Gerrit
>
>
>
> --
> View this message in context:
> http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Responsive-Design-question-tp4662736.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Wicket and Responsive Design question
Posted by Jeremy Thomerson <je...@wickettraining.com>.
Responsive design means different things to different people. However, the
most common definition these days has to do with markup that adjusts to
various types of devices. Accomplishing this primarily centers around your
HTML, CSS (using media queries, etc), and JS for enhanced features. Thus,
most of that doesn't have a strict requirement for Wicket. If you're new to
responsive design I'd suggest you compare responsive CSS frameworks like
Bootstrap [1] or some alternative [2].
You can use most of these frameworks without any additional Wicket-specific
code by using their flavor of markup and CSS class names, etc. However,
there are integration projects that folks have made available to make
common components that work with these frameworks (like wicket-bootstrap
[3] or [4]) that you can also take advantage of.
There are, of course, finer details to responsive design like providing
alternative image sizes for different devices, etc. However, there are a
myriad of ways those things can be accomplished and what you do largely
depends on your other integrations (i.e. how you serve your static assets,
etc).
[1] http://getbootstrap.com/
[2]
http://list.ly/list/303-alternatives-to-twitter-bootstrap-html5-css3-responsive-framework
[3] http://mvnrepository.com/artifact/org.apache.wicket/wicket-bootstrap
[4] https://github.com/l0rdn1kk0n/wicket-bootstrap
--
Jeremy Thomerson
http://wickettraining.com
On Tue, Dec 3, 2013 at 8:27 AM, gerritqf <ge...@qfactors.nl> wrote:
> Hello,
>
> I am new to Wicket and i need some advice about building a webapplication
> with Wicket and making this suitable for several devices, like tablet and
> smartphone.
> What is the best way of building the markup pages with Wicket, or is it
> just
> a way of including the right css3 and html5 to the pages afterwards?
> Is it a good idea to make a Single-page application using panels or better
> inherit pages regarding responsive design?
>
> I hope you can help me into the right direction.
>
> Thanks in advance.
>
> Gerrit
>
>
>
> --
> View this message in context:
> http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Responsive-Design-question-tp4662736.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
Re: Wicket and Responsive Design question
Posted by Gerrit Wassink <ge...@qfactors.nl>.
Ok thanks, i will give it a try!
Gabriel Landon <gl...@piti.pf> , 3-12-2013 18:59:
For this, I'm using Twitter's Bootstrap 3 :
http://getbootstrap.com
It's mainly HTML5 and CSS 3 stuff.
With the wicket-boostrap project :
https://github.com/l0rdn1kk0n/wicket-bootstrap/
The master branch is still using Bootstrap2 but there is a bootstrap3
branch.
Enjoy.
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Responsive-Design-question-tp4662736p4662742.html
Sent from the Users forum mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wicket and Responsive Design question
Posted by Gabriel Landon <gl...@piti.pf>.
For this, I'm using Twitter's Bootstrap 3 :
http://getbootstrap.com
It's mainly HTML5 and CSS 3 stuff.
With the wicket-boostrap project :
https://github.com/l0rdn1kk0n/wicket-bootstrap/
The master branch is still using Bootstrap2 but there is a bootstrap3
branch.
Enjoy.
--
View this message in context: http://apache-wicket.1842946.n4.nabble.com/Wicket-and-Responsive-Design-question-tp4662736p4662742.html
Sent from the Users forum mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org