[aerogear-dev] aerogear site restyle

[Matthias Wessendorf]

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
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.jboss.org/pipermail/aerogear-dev/attachments/20130731/e37ee75c/attachment.html