Re: [Users] new oVirt look-and-feel -- feature page
- Original Message -
From: Greg Sheremeta gsher...@redhat.com
To: Karli Sjöberg karli.sjob...@slu.se
Cc: a...@ovirt.org, users@ovirt.org
Sent: Thursday, February 20, 2014 9:07:06 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 8:17:07 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Wed, 2014-02-19 at 07:22 -0500, Greg Sheremeta wrote:
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 1:43:43 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote:
Hi,
Please check out the feature page for the new oVirt look-and-feel,
PatternFly based:
http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1.
Comments are welcome.
Thanks,
Greg
Greg Sheremeta
Red Hat, Inc.
Sr. Software Engineer, RHEV
Cell: 919-807-1086
gsher...@redhat.com
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Looks really nice! Is the background canvas vectorized? Isn´t it going
to become rather slow loading such a big picture otherwise... And how
is
it going to handle scaling of browser windows? How´d it look on smaller
resolutions e.g 960x640?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
It's not vectorized. It's a PNG, size is 248.0 kB ... which isn't
horrible.
After the first load, it'll be stored in browser cache.
It's set to scale in such a way that the aspect ratio is maintained. It
uses the CSS3 property background-size to achieve this. I think it
looks
pretty perfect at any resolution.
Here's the full CSS for it:
.obrand_loginPageBackground {
background-image: url(images/ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
Thanks!
Greg
Yupp, just checking, since it´s not made to tile like a parallax, I was
just curious if you had some special trick up your sleave.
And maybe I´m just nit-picking here, but I made a quick test, just to
demonstrate what I would percieve as a problem of having one big picture
as background.
obrand.html:
html
head
link rel=stylesheet href=obrand.css /
/head
body class=obrand_loginPageBackground/body
/html
obrand.css:
.obrand_loginPageBackground {
background-image: url(ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
I attached a snapshot of how scaling your browser window in the wrong
way breaks it´s aspect ratio and how that´s just handled by
background-color in a rather...boring way. Of course scaling the
window _that_ small is ridiculous, it´s just to demonstrate the aspect
issue that would be for smartphones e.g, on this welcome screen.
So my concern here is most of all about the aspect ratio issues involved
with having just one big picture as a background. Most sites I´ve seen
have either just code, a lot of small pics, parallaxing ones, or one
insanely big picture, talking Ultra-HD 4k big, just to be absolutely
sure it´s not going to scale in this unwanted way.
Am I wrong?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
There is a new CSS trick in PatternFly that deals with this. Once I implement
that, it should fix the tall-skinny resolution issue. I'll reply back.
Thanks!
Greg
Tall-skinny issue was fixed with a combination of CSS tweaks and a
slightly-tweaked background image.
See http://imgur.com/qVgWES9 for an example.
Thanks,
Greg
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 8:17:07 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Wed, 2014-02-19 at 07:22 -0500, Greg Sheremeta wrote:
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 1:43:43 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote:
Hi,
Please check out the feature page for the new oVirt look-and-feel,
PatternFly based:
http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1.
Comments are welcome.
Thanks,
Greg
Greg Sheremeta
Red Hat, Inc.
Sr. Software Engineer, RHEV
Cell: 919-807-1086
gsher...@redhat.com
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Looks really nice! Is the background canvas vectorized? Isn´t it going
to become rather slow loading such a big picture otherwise... And how is
it going to handle scaling of browser windows? How´d it look on smaller
resolutions e.g 960x640?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
It's not vectorized. It's a PNG, size is 248.0 kB ... which isn't horrible.
After the first load, it'll be stored in browser cache.
It's set to scale in such a way that the aspect ratio is maintained. It
uses the CSS3 property background-size to achieve this. I think it looks
pretty perfect at any resolution.
Here's the full CSS for it:
.obrand_loginPageBackground {
background-image: url(images/ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
Thanks!
Greg
Yupp, just checking, since it´s not made to tile like a parallax, I was
just curious if you had some special trick up your sleave.
And maybe I´m just nit-picking here, but I made a quick test, just to
demonstrate what I would percieve as a problem of having one big picture
as background.
obrand.html:
html
head
link rel=stylesheet href=obrand.css /
/head
body class=obrand_loginPageBackground/body
/html
obrand.css:
.obrand_loginPageBackground {
background-image: url(ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
I attached a snapshot of how scaling your browser window in the wrong
way breaks it´s aspect ratio and how that´s just handled by
background-color in a rather...boring way. Of course scaling the
window _that_ small is ridiculous, it´s just to demonstrate the aspect
issue that would be for smartphones e.g, on this welcome screen.
So my concern here is most of all about the aspect ratio issues involved
with having just one big picture as a background. Most sites I´ve seen
have either just code, a lot of small pics, parallaxing ones, or one
insanely big picture, talking Ultra-HD 4k big, just to be absolutely
sure it´s not going to scale in this unwanted way.
Am I wrong?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
There is a new CSS trick in PatternFly that deals with this. Once I implement
that, it should fix the tall-skinny resolution issue. I'll reply back.
Thanks!
Greg
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 1:43:43 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote:
Hi,
Please check out the feature page for the new oVirt look-and-feel,
PatternFly based:
http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1.
Comments are welcome.
Thanks,
Greg
Greg Sheremeta
Red Hat, Inc.
Sr. Software Engineer, RHEV
Cell: 919-807-1086
gsher...@redhat.com
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Looks really nice! Is the background canvas vectorized? Isn´t it going
to become rather slow loading such a big picture otherwise... And how is
it going to handle scaling of browser windows? How´d it look on smaller
resolutions e.g 960x640?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
It's not vectorized. It's a PNG, size is 248.0 kB ... which isn't horrible.
After the first load, it'll be stored in browser cache.
It's set to scale in such a way that the aspect ratio is maintained. It uses
the CSS3 property background-size to achieve this. I think it looks pretty
perfect at any resolution.
Here's the full CSS for it:
.obrand_loginPageBackground {
background-image: url(images/ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
Thanks!
Greg
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
On Wed, 2014-02-19 at 07:22 -0500, Greg Sheremeta wrote:
- Original Message -
From: Karli Sjöberg karli.sjob...@slu.se
To: gsher...@redhat.com
Cc: users@ovirt.org, a...@ovirt.org
Sent: Wednesday, February 19, 2014 1:43:43 AM
Subject: Re: [Users] new oVirt look-and-feel -- feature page
On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote:
Hi,
Please check out the feature page for the new oVirt look-and-feel,
PatternFly based:
http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1.
Comments are welcome.
Thanks,
Greg
Greg Sheremeta
Red Hat, Inc.
Sr. Software Engineer, RHEV
Cell: 919-807-1086
gsher...@redhat.com
___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
Looks really nice! Is the background canvas vectorized? Isn´t it going
to become rather slow loading such a big picture otherwise... And how is
it going to handle scaling of browser windows? How´d it look on smaller
resolutions e.g 960x640?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
It's not vectorized. It's a PNG, size is 248.0 kB ... which isn't horrible.
After the first load, it'll be stored in browser cache.
It's set to scale in such a way that the aspect ratio is maintained. It uses
the CSS3 property background-size to achieve this. I think it looks pretty
perfect at any resolution.
Here's the full CSS for it:
.obrand_loginPageBackground {
background-image: url(images/ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
Thanks!
Greg
Yupp, just checking, since it´s not made to tile like a parallax, I was
just curious if you had some special trick up your sleave.
And maybe I´m just nit-picking here, but I made a quick test, just to
demonstrate what I would percieve as a problem of having one big picture
as background.
obrand.html:
html
head
link rel=stylesheet href=obrand.css /
/head
body class=obrand_loginPageBackground/body
/html
obrand.css:
.obrand_loginPageBackground {
background-image: url(ovirt_bg.png);
background-size: 100% auto;
background-repeat: repeat-x;
background-color: #1d2226;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}
I attached a snapshot of how scaling your browser window in the wrong
way breaks it´s aspect ratio and how that´s just handled by
background-color in a rather...boring way. Of course scaling the
window _that_ small is ridiculous, it´s just to demonstrate the aspect
issue that would be for smartphones e.g, on this welcome screen.
So my concern here is most of all about the aspect ratio issues involved
with having just one big picture as a background. Most sites I´ve seen
have either just code, a lot of small pics, parallaxing ones, or one
insanely big picture, talking Ultra-HD 4k big, just to be absolutely
sure it´s not going to scale in this unwanted way.
Am I wrong?
--
Med Vänliga Hälsningar
---
Karli Sjöberg
Swedish University of Agricultural Sciences Box 7079 (Visiting Address
Kronåsvägen 8)
S-750 07 Uppsala, Sweden
Phone: +46-(0)18-67 15 66
karli.sjob...@slu.se
attachment: Screenshot.png___
Users mailing list
Users@ovirt.org
http://lists.ovirt.org/mailman/listinfo/users
[Users] new oVirt look-and-feel -- feature page
Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Thanks, Greg Greg Sheremeta Red Hat, Inc. Sr. Software Engineer, RHEV Cell: 919-807-1086 gsher...@redhat.com ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
- Original Message - From: Greg Sheremeta gsher...@redhat.com To: users users@ovirt.org, a...@ovirt.org Sent: Tuesday, February 18, 2014 11:19:18 PM Subject: new oVirt look-and-feel -- feature page Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Really cool Thanks, Greg Greg Sheremeta Red Hat, Inc. Sr. Software Engineer, RHEV Cell: 919-807-1086 gsher...@redhat.com ___ Arch mailing list a...@ovirt.org http://lists.ovirt.org/mailman/listinfo/arch ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
On 02/18/2014 01:19 PM, Greg Sheremeta wrote: Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Comments, take them, hate them, whatever: The downloads seem to be too prominent on the first screen, my eyes are drawn to it instead of the portals. This may be due to the circle in the background drawing attention. The 404 page click here to continue, continue to where? Maybe should be Click here to return home? The login page would ideally have an identifying mark of which portal it is for. The horizontal scroll is disappointing on the user portal. I don't think Number of cores should be larger than ALL other headings on the page. Good work, excited to see it. - Thomas ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
Looks really great, can't wait to see more :) - Original Message - From: Greg Sheremeta gsher...@redhat.com To: users users@ovirt.org, a...@ovirt.org Sent: Tuesday, February 18, 2014 11:19:18 PM Subject: new oVirt look-and-feel -- feature page Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Thanks, Greg Greg Sheremeta Red Hat, Inc. Sr. Software Engineer, RHEV Cell: 919-807-1086 gsher...@redhat.com ___ Arch mailing list a...@ovirt.org http://lists.ovirt.org/mailman/listinfo/arch ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
Why is there so much open real estate on the pre-login pages? Maybe use the middle rather than the lower 1/3 of the page. Other than that it looks great. Nice update -Original Message- From: users-boun...@ovirt.org [mailto:users-boun...@ovirt.org] On Behalf Of Greg Sheremeta Sent: Tuesday, February 18, 2014 4:19 PM To: users; a...@ovirt.org Subject: [Users] new oVirt look-and-feel -- feature page Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Thanks, Greg Greg Sheremeta Red Hat, Inc. Sr. Software Engineer, RHEV Cell: 919-807-1086 gsher...@redhat.com ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
Re: [Users] new oVirt look-and-feel -- feature page
On Tue, 2014-02-18 at 16:19 -0500, Greg Sheremeta wrote: Hi, Please check out the feature page for the new oVirt look-and-feel, PatternFly based: http://www.ovirt.org/Features/NewLookAndFeelPatternFlyPhase1. Comments are welcome. Thanks, Greg Greg Sheremeta Red Hat, Inc. Sr. Software Engineer, RHEV Cell: 919-807-1086 gsher...@redhat.com ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users Looks really nice! Is the background canvas vectorized? Isn´t it going to become rather slow loading such a big picture otherwise... And how is it going to handle scaling of browser windows? How´d it look on smaller resolutions e.g 960x640? -- Med Vänliga Hälsningar --- Karli Sjöberg Swedish University of Agricultural Sciences Box 7079 (Visiting Address Kronåsvägen 8) S-750 07 Uppsala, Sweden Phone: +46-(0)18-67 15 66 karli.sjob...@slu.se ___ Users mailing list Users@ovirt.org http://lists.ovirt.org/mailman/listinfo/users
