3:39 a.m.
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(a)abstractj.org
<mailto:bruno@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(a)apache.org <mailto:matzew@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(a)gmail.com <mailto:corinnekrych@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(a)lists.jboss.org
<mailto:aerogear-dev@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(a)lists.jboss.org <mailto:aerogear-dev@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(a)lists.jboss.org <mailto:aerogear-dev@lists.jboss.org>
https://lists.jboss.org/mailman/listinfo/aerogear-dev
_______________________________________________
aerogear-dev mailing list
aerogear-dev(a)lists.jboss.org
https://lists.jboss.org/mailman/listinfo/aerogear-dev
