<html><head><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Corinne,<div><br></div><div>This is looking pretty good. I would like to review the code and maybe chip in a bit but it's really hard with all of the commented out stuff. Can you remove all of that. You can always look back at previous versions to see what was there but the comments just make it really hard to read.</div><div><br></div><div>Thanks!</div><div><br><div><div>On Jul 31, 2013, at 11:57 AM, Bruno Oliveira <<a href="mailto:bruno@abstractj.org">bruno@abstractj.org</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div dir="ltr">Thanks Corinne.<div><br></div><div>Just tried and deployed on OpenShift <a href="http://site-abstractj.rhcloud.com/">http://site-abstractj.rhcloud.com/</a>. Looks really good, I also tested it with <a href="http://mattkersley.com/responsive/">http://mattkersley.com/responsive/</a></div>
<div><br></div><div>I'll try later on Android, IPhone and IPad.</div><div><br></div><div>Thanks for looking at this.</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Wed, Jul 31, 2013 at 12:54 PM, Matthias Wessendorf <span dir="ltr"><<a href="mailto:matzew@apache.org" target="_blank">matzew@apache.org</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><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"><div class="im">
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></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div><div class="h5">
<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><font color="#888888">Corinne</font></span></div><br></div></div><div class="im">_______________________________________________<br>
aerogear-dev mailing list<br>
<a href="mailto:aerogear-dev@lists.jboss.org" target="_blank">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></div></blockquote></div><span class="HOEnZb"><font color="#888888"><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>
</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><div><br></div>-- <br>
"The measure of a man is what he does with power" - Plato<br>-<br>@abstractj<br>-<br>Volenti Nihil Difficile
</div>
_______________________________________________<br>aerogear-dev mailing list<br><a href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>https://lists.jboss.org/mailman/listinfo/aerogear-dev</blockquote></div><br></div></body></html>