[aerogear-dev] aerogear site restyle

[Corinne Krych]

On Jul 31, 2013, at 7:35 PM, Kris Borchers <kris at redhat.com> wrote:

> Corinne,
> 
> 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.

+ 1, please do I'd appreciate a closer look

> 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.
> 

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?

> Thanks!
> 
> On Jul 31, 2013, at 11:57 AM, Bruno Oliveira <bruno at abstractj.org> wrote:
> 
>> 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 at apache.org> 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 at gmail.com> 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 at 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 at 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 at lists.jboss.org
>> https://lists.jboss.org/mailman/listinfo/aerogear-dev
> 
> _______________________________________________
> aerogear-dev mailing list
> aerogear-dev at lists.jboss.org
> https://lists.jboss.org/mailman/listinfo/aerogear-dev

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.jboss.org/pipermail/aerogear-dev/attachments/20130801/877ea084/attachment-0001.html