On Wed, Mar 26, 2014 at 8:35 PM, Howard W. Smith, Jr. < smithh032...@gmail.com> wrote:
> > On Wed, Mar 26, 2014 at 7:58 PM, Leonardo K. Shikida <shik...@gmail.com>wrote: > >> I also wish we could have such a tutorial... >> > > Maybe someone will be kind enough to write/do a blog about this... some > day. :) > > >> >> In general, I think you can make your jsf app be responsive if you keep as >> little data in the presentation layer as possible. >> > > i think a responsive web design solution will consider the device and > browser, and 'respond' with a view that looks good in a browser on > any/every device. For example, when I open a [JSF] page in a browser on > mobile phone or tablet, I should 'not' have to zoom-in or zoom-out, but the > page will be rendered appropriately on/per device. > > So, responsive != 'little data in presentation layer'. > > it is 'always' best to render as little data as possible in/on any device > (mobile phone, tablet, laptop, desktop, etc...). why render 1,000s of rows > of data on a page that is displayed on a laptop/desktop and force your > users to continuously scroll up and down the page to view/modify the data? > > of course, on a mobile device, your HTTP response should be as small as > possible, just in case the mobile device does not have a fast [internet] > connection. > > when someone else asked this question in the primefaces forum, someone > responded with twitter bootstrap. i looked at some of the demos [briefly], > and bootstrap gave me the impression that pages 'can' look good on a mobile > device without zooming in/out, and page can primarily be a page of any > length, but fits/renders well on the mobile device without zooming in/out. > > since i have been a primefaces mobile user, i was not really impressed > with twitter bootstrap. if you are good with html, css, javascript, jquery, > etc..., then go for twitter bootstrap (or jquery mobile). if you want > primefaces tags and less html/css, then go for primefaces mobile. > > >> >> This means some tricks like lazy loading, paging table data in database >> [1], using autocomplete instead of lengthy select boxes, etc. >> > > autocomplete on a mobile device can be tricky. > > i don't think anybody should have lengthy select boxes...even on > desktop/laptops. > > >> >> I´ve started working with JSF using richfaces 2-3 years ago and now I am a >> primefaces big fan. Both are OK, but I think primefaces has some very >> interesting features. >> > > +1 > > PrimeFaces blog[1] > PrimeFaces Mobile Reloaded[2] (briefly mentions responsive design) > PrimeFaces showcase[3] > PrimeFaces Labs showcase[4] > jquery Mobile - Responsive Web Design[5] > > And with all that said, I use an open source library to examine useragent when user login to the web app, and render JSF content for mobile or nonmobile devices. it is not 'true' responsive web design, because endusers still have to zoom in/out on their mobile devices. I am hoping to use PrimeFaces Mobile, jquery mobile, and/or [twitter] bootstrap for true responsive web design. :) > > [1] http://blog.primefaces.org/ > [2] http://blog.primefaces.org/?p=3063 > [3] www.primefaces.org/showcase/ui/home.jsf > [4] http://www.primefaces.org/showcase-labs/ui/home.jsf > [5] http://demos.jquerymobile.com/1.4.2/rwd/ > >
