Creating a really good responsive web-app which has good UX on desktop as well as mobile is really hard.
That's the reason why many people advocate to go "mobile first" and add features via "progressive enhancements" for bigger viewports. That can be done with bootstrap/gwt-bootstrap. You could define which components are visible on a tablet, desktop, etc. However sometimes you have to change the component itself (i.e. responisve navigation bar, etc) and this might also change the business logic on the client.
That's the reason why many people advocate to go "mobile first" and add features via "progressive enhancements" for bigger viewports. That can be done with bootstrap/gwt-bootstrap. You could define which components are visible on a tablet, desktop, etc. However sometimes you have to change the component itself (i.e. responisve navigation bar, etc) and this might also change the business logic on the client.
That's a reason why you might implement something similar to the mobilewebapp example because it might be easier to maintain different distinct views for desktop/tablet and mobile devices than hiding and showing components via gwt-bootstrap (clear separation).
If you don't care about mobile devices and only want to support a range of viewports on the desktop (i.e viewport width between 1024 - 1900px) you can either use bootstrap/gwt-bootstrap`s FluidContainer or a combination of LayoutPanels and min-width CSS setting and overflow:visible.
On Monday, August 5, 2013 11:52:59 PM UTC+2, Lavie Tobey wrote:
Hello GWT Community!I'm looking to gather the collective knowledge of this community to answer a subjective question regarding GWT. I'm starting to rewrite our suite of applications from scratch (i.e. version next) and our group is mainly made up of GWT engineers, so GWT will be the basis for the project moving forward.I'm curious what other people in the GWT community are doing for responsive designs. I have looked around the web a bunch and come up with a few possible choices:1. Use GWT a la the mobilewebapp sample project and provide by hand 3 sets of view components for desktop, tablet, and mobile devices.2. Use a framework like GWT-Bootstrap (is anyone else using this right now?) that wraps the native twitter bootstrap grid system.3. Use a grid framework like twitter bootstrap, unsemantic, etc, etc, etc (there are tons), just accessing the classes they provide via UiBinder (or setting the class on your containers in the java code)4. Is there another way, or rather, what other ways are there?I think each of these has their benefits and drawbacks. I'm hoping there are other ways people have done this beyond the methods I mentioned, if for no other reason than things to think about.What have you done?Thanks in advance for your time,Lavie
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
No comments:
Post a Comment