[aerogear-dev] aerogear site restyle

[Hylke Bons]

Thanks so much for looking into this Corrine!

I just had a look at the OpenShift instance. It looks good to me 
responsiveness-wise. I like the menu behaviour.

There are still some minor style issues. If you still have time to look 
into this that would be great,
otherwise I can take a look at these be fore we launch the new style:

- Logo is centred on the page, it looks more balanced having it stick to 
the left.
- The menu icon is a bit hard to see (I've attached a quick svg with a 
colour change, would be nice if we could use that and have it not change 
shape)
- The news headline ("AG 1.0 is out!") is sticking to the right of the 
page, it would be better if it kept to the right, but still in the 
middle of the page for large screen setups
- The platform icons seem to shift a pixel when you hover them
- There's no page padding when scaling down, this makes the text 
paragraphs harder to read, because they touch the screen edge
- Some padding/spacing issue all-round. This is probably because 
everything was rebased on Boilerplate.

I'll try to get a local instance running again and help out with these 
things.

Thanks!

Hylke



On 01/08/2013 06:40, Daniel Bevenius wrote:
> Looks nice!
>
>
> On 31 July 2013 18:57, Bruno Oliveira <bruno at abstractj.org 
> <mailto: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 <mailto: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 <mailto:corinnekrych at gmail.com>> wrote:
>
>             Hello All,
>
>             We've been talking about redesigning our aerogear.org
>             <http://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
>             <mailto: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 <mailto: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 <mailto: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/20130802/89dc3d11/attachment-0001.html 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: menu-icon.svg
Type: image/svg+xml
Size: 144951 bytes
Desc: not available
Url : http://lists.jboss.org/pipermail/aerogear-dev/attachments/20130802/89dc3d11/attachment-0001.bin