<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; "><br><div><div>On Jul 31, 2013, at 7:35 PM, Kris Borchers <<a href="mailto:kris@redhat.com">kris@redhat.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"><div 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. </div></div></blockquote><div><br></div><div><font color="#d357fe">+ 1, please do I'd appreciate a closer look</font></div><br><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>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></blockquote><div><br></div><div><font color="#d357fe">I've removed the one I think we can remove. I left the one I'm unsure about it: should we clean it or not?</font></div><br><blockquote type="cite"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><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><a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></blockquote></div><br></div></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></body></html>