New website design

The projects speaking tube.
Add your two cents if you want to.
cybersphinx
Inactive
Inactive
Posts: 1689
Joined: 01 Sep 2006, 19:17

Re: New website design

Post by cybersphinx » 07 May 2010, 18:46

Zarel: That header image is ridiculously large. 200 KB? pngout reduces it to 170 KB, but still... Using the original unindexed image, you should get a good JPEG in at most 100 KB.

User avatar
Zarel
Elite
Elite
Posts: 5770
Joined: 03 Jan 2008, 23:35
Location: Minnesota, USA
Contact:

Re: New website design

Post by Zarel » 07 May 2010, 19:39

Header image was as small as I could get it without visible banding artifacts in PNG. I guess I forgot about other image formats like JPEG.

KukY
Regular
Regular
Posts: 1859
Joined: 20 Mar 2009, 21:56

Re: New website design

Post by KukY » 07 May 2010, 19:46

Zarel wrote:Header image was as small as I could get it without visible banding artifacts in PNG. I guess I forgot about other image formats like JPEG.
You should also try GIF, it has small palette of colors, but looks suprisingly good on some pictures...
And should I mention that it is ridicolously small?

User avatar
Zarel
Elite
Elite
Posts: 5770
Joined: 03 Jan 2008, 23:35
Location: Minnesota, USA
Contact:

Re: New website design

Post by Zarel » 07 May 2010, 19:58

KukY wrote:You should also try GIF, it has small palette of colors, but looks suprisingly good on some pictures...
And should I mention that it is ridicolously small?
GIF is just indexed no-alpha-channel PNG with slightly larger file sizes. It's useful for animated images, but nothing else.

KukY
Regular
Regular
Posts: 1859
Joined: 20 Mar 2009, 21:56

Re: New website design

Post by KukY » 07 May 2010, 20:09

Zarel wrote:
KukY wrote:You should also try GIF, it has small palette of colors, but looks suprisingly good on some pictures...
And should I mention that it is ridicolously small?
GIF is just indexed no-alpha-channel PNG with slightly larger file sizes. It's useful for animated images, but nothing else.
Excuse me on my brother :x

Now I am back, here is a comparison:
  • 200 kB PNG
    Image
  • 40 kB JPEG
    Image
  • 15 kB JPEG
    Image
15 looks bad, but 40 only has slight desaturation, and background images should be desaturated.
And is smudged a little bit, but who will notice? :P

User avatar
dak180
Trained
Trained
Posts: 288
Joined: 01 Nov 2009, 23:58
Location: Keeper of the Mac Builds

Re: New website design

Post by dak180 » 07 May 2010, 20:26

Zarel wrote:Header image was as small as I could get it without visible banding artifacts in PNG.
PNG works much better when you do not interlace.
home-header-bg.png
home-header-bg-repeat.png
home-header-bg-repeat.png (621 Bytes) Viewed 2600 times
User:dak180
Keeper of the Mac Builds

User avatar
Zarel
Elite
Elite
Posts: 5770
Joined: 03 Jan 2008, 23:35
Location: Minnesota, USA
Contact:

Re: New website design

Post by Zarel » 07 May 2010, 20:42

I know, I know, I'll re-encode them as JPEG when I get the chance.

Kamaze
Regular
Regular
Posts: 1017
Joined: 30 Jul 2006, 15:23

Re: New website design

Post by Kamaze » 07 May 2010, 21:58

All parts of the site should use now the new layout.
We all have the same heaven, but not the same horizon.

KukY
Regular
Regular
Posts: 1859
Joined: 20 Mar 2009, 21:56

Re: New website design

Post by KukY » 07 May 2010, 23:04

Trac looks strange.
It needs more blue.

User avatar
Olrox
Art contributor
Posts: 1999
Joined: 03 Jul 2007, 19:10

Re: New website design

Post by Olrox » 08 May 2010, 00:15

By looking at the "Development" section, I've noticed that the Logo link creates a grey rectangle (I've respected the 10-minute obviousness limit this time :lol2: ).

Other than that - the new design looks very good. one thing that looks a bit strange, though, is that the selected tab looks like it's under the other ones and the header (projected shadow is in the currently opened page, it's not projected from the opened page). Is that intended? IMO the selected tab should look like it's over the unselected ones. Perhaps adding a grey shading to the unselected tabs would help to change this (I dunno what it'll look like, though). Was it already tried and looked bad anyway?

~Olrox

User avatar
Zarel
Elite
Elite
Posts: 5770
Joined: 03 Jan 2008, 23:35
Location: Minnesota, USA
Contact:

Re: New website design

Post by Zarel » 08 May 2010, 01:12

Olrox wrote:By looking at the "Development" section, I've noticed that the Logo link creates a grey rectangle (I've respected the 10-minute obviousness limit this time :lol2: ).
I haven't had a chance to fix the gray yet, and I can't find where Kamaze put the CSS. Stupid CSS generation files... It's CSS; it should be static! :(
Olrox wrote:Other than that - the new design looks very good. one thing that looks a bit strange, though, is that the selected tab looks like it's under the other ones and the header (projected shadow is in the currently opened page, it's not projected from the opened page). Is that intended? IMO the selected tab should look like it's over the unselected ones. Perhaps adding a grey shading to the unselected tabs would help to change this (I dunno what it'll look like, though). Was it already tried and looked bad anyway?
Unselect tabs are already grayed out in every browser but IE, which doesn't support it for some reason. Go use a real browser, like Chrome. :P

User avatar
Olrox
Art contributor
Posts: 1999
Joined: 03 Jul 2007, 19:10

Re: New website design

Post by Olrox » 08 May 2010, 02:06

Zarel wrote: Unselect tabs are already grayed out in every browser but IE, which doesn't support it for some reason. Go use a real browser, like Chrome. :P
Hmm, I thought I've used the wrong term.
I meant that there should be shadows (sort of) in the unselected tabs (that are already grayed out, I can see that). But if those "shadows" were made as a black>transparent gradient, it'd look strange, so imagine that a shadow effect using a dark grey>transparent gradient could be acceptable. Should I illustrate it? (it'd be easier this way if I didn't manage to express what I'm thinking about, in a good enough manner, yet).

I'm using Firefox currently (I don't like Chrome very much as too much info appears in the edges of the screen - instead of the middle -, and in a tab-like way. IE is out of question, I don't know what it can be used for, but to navigate in the internets - not good :P ).

~Olrox

User avatar
Zarel
Elite
Elite
Posts: 5770
Joined: 03 Jan 2008, 23:35
Location: Minnesota, USA
Contact:

Re: New website design

Post by Zarel » 08 May 2010, 07:32

Hmm, I'm not sure what you're talking about. Can you illustrate?

KukY
Regular
Regular
Posts: 1859
Joined: 20 Mar 2009, 21:56

Re: New website design

Post by KukY » 08 May 2010, 12:31

Zarel wrote:Hmm, I'm not sure what you're talking about. Can you illustrate?
:lol2: Asking Olrox to illustrate... :lol2:
Zarel wrote:
Olrox wrote:By looking at the "Development" section, I've noticed that the Logo link creates a grey rectangle (I've respected the 10-minute obviousness limit this time :lol2: ).
I haven't had a chance to fix the gray yet, and I can't find where Kamaze put the CSS. Stupid CSS generation files... It's CSS; it should be static! :(
I believe CSS is static... http://static.wz2100.net/...

Kamaze
Regular
Regular
Posts: 1017
Joined: 30 Jul 2006, 15:23

Re: New website design

Post by Kamaze » 08 May 2010, 12:54

Zarel wrote:I haven't had a chance to fix the gray yet, and I can't find where Kamaze put the CSS. Stupid CSS generation files... It's CSS; it should be static! :(
Tracs additional css stuff is located at: http://static.wz2100.net/css/wztrac.css

For the forum i edited the style trough the APC on the very bottom of the CSS.
We all have the same heaven, but not the same horizon.

Post Reply