<div dir="ltr">pretty cool!<div><br></div><div>Just tried your branch and it looks good on my iPhone 4s and on my Galaxy S II.</div><div><br></div><div><br></div><div>-Matthias</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">
On Wed, Jul 31, 2013 at 5:45 PM, Corinne Krych <span dir="ltr"><<a href="mailto:corinnekrych@gmail.com" target="_blank">corinnekrych@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div style="word-wrap:break-word">Hello All,<div><br></div><div>We've been talking about redesigning our <a href="http://aerogear.org" target="_blank">aerogear.org</a> web site. Hylke has done a great design job. Now, we 'just' want to make it responsive.</div>
<div><br></div><div>Out of several proposals:</div><div>1. use bootstrap (current version of our site) and apply our custom design </div><div>2. use topcoat css and apply our custom design</div><div>3. use HTML5 boilerplate and apply our custom design and make it responsive</div>
<div><br></div><div>I initially started with option 1, which might be overkill for a static site. </div><div>Tried option 2, but here too, it seems overkill so ended with option 3.</div><div><br></div><div>Using a blank page, I worked on Home page reapplying Hylke css but:</div>
<div>- removing maximun-scale=1.0 because we want to let people zoom if they wish, </div><div>- replacing 'px' unit to use 'em', </div><div>- centred logo images,</div><div>- making sure width is right otherwise you get screw up with iPhone rotate</div>
<div>- adding media queries (only 2 breakpoints for now, but need to be adjusted with devices tests and your feedbacks)</div><div><br></div><div>The main points to sort out for UX design is the menu bar and the footer. </div>
<div>To me, footer is too huge, even on desktop, could we remove news? </div><div>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?</div>
<div><br></div><div>Feedback welcome,</div><div>Work in progress in <a href="https://github.com/corinnekrych/aerogear.org/tree/AEROGEAR-1285" target="_blank">https://github.com/corinnekrych/aerogear.org/tree/AEROGEAR-1285</a></div>
<div><br></div><div>++</div><span class="HOEnZb"><font color="#888888"><div>Corinne</div></font></span></div><br>_______________________________________________<br>
aerogear-dev mailing list<br>
<a href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev" target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br></blockquote></div><br><br clear="all"><div><br></div>-- <br>Matthias Wessendorf <br>
<br>blog: <a href="http://matthiaswessendorf.wordpress.com/" target="_blank">http://matthiaswessendorf.wordpress.com/</a><br>sessions: <a href="http://www.slideshare.net/mwessendorf" target="_blank">http://www.slideshare.net/mwessendorf</a><br>
twitter: <a href="http://twitter.com/mwessendorf" target="_blank">http://twitter.com/mwessendorf</a>
</div>