[aerogear-dev] aerogear site restyle

[Bruno Oliveira]

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