Re: [aerogear-dev] aerogear site restyle

Thanks Corinne. Just tried and deployed on OpenShift http://site-abstractj.rhcloud.com/. Looks really good, I also tested it with http://mattkersley.com/responsive/ I'll try later on Android, IPhone and IPad. Thanks for looking at this. On Wed, Jul 31, 2013 at 12:54 PM, Matthias Wessendorf <matzew(a)apache.org&gt;wrote: > pretty cool! > > Just tried your branch and it looks good on my iPhone 4s and on my Galaxy > S II. > > > -Matthias > > > On Wed, Jul 31, 2013 at 5:45 PM, Corinne Krych <corinnekrych(a)gmail.com&gt;wrote: > >> Hello All, >> >> We've been talking about redesigning our aerogear.org web site. Hylke >> has done a great design job. Now, we 'just' want to make it responsive. >> >> Out of several proposals: >> 1. use bootstrap (current version of our site) and apply our custom >> design >> 2. use topcoat css and apply our custom design >> 3. use HTML5 boilerplate and apply our custom design and make it >> responsive >> >> I initially started with option 1, which might be overkill for a static >> site. >> Tried option 2, but here too, it seems overkill so ended with option 3. >> >> Using a blank page, I worked on Home page reapplying Hylke css but: >> - removing maximun-scale=1.0 because we want to let people zoom if they >> wish, >> - replacing 'px' unit to use 'em', >> - centred logo images, >> - making sure width is right otherwise you get screw up with iPhone >> rotate >> - adding media queries (only 2 breakpoints for now, but need to be >> adjusted with devices tests and your feedbacks) >> >> The main points to sort out for UX design is the menu bar and the >> footer. >> To me, footer is too huge, even on desktop, could we remove news? >> For the menu, it looks fine on tablets format but on phone, it's not >> really accessible. So I implemented topcoat swipe menu using CSS3 >> transform. Is it UX friendly? wdyt? >> >> Feedback welcome, >> Work in progress in >> https://github.com/corinnekrych/aerogear.org/tree/AEROGEAR-1285 >> >> ++ >> Corinne >> >> _______________________________________________ >> aerogear-dev mailing list >> aerogear-dev(a)lists.jboss.org >> https://lists.jboss.org/mailman/listinfo/aerogear-dev >> > > > > -- > Matthias Wessendorf > > blog: http://matthiaswessendorf.wordpress.com/ > sessions: http://www.slideshare.net/mwessendorf > twitter: http://twitter.com/mwessendorf > > _______________________________________________ > aerogear-dev mailing list > aerogear-dev(a)lists.jboss.org > https://lists.jboss.org/mailman/listinfo/aerogear-dev > -- -- "The measure of a man is what he does with power" - Plato - @abstractj - Volenti Nihil Difficile _______________________________________________ aerogear-dev mailing list aerogear-dev(a)lists.jboss.org https://lists.jboss.org/mailman/listinfo/aerogear-dev