Mozilla Addons

[Killerj]

Does anyone think that the looks have changed or am i new to the Internet?

Mozilla Addons

I also see something called Add-on Collector and Create a Collector ..

Lazy to post screenshots :p just CLick on the above link

Cheers :)

[PNWDweller]

It does look different, but I did have to turn of my Stylish add on to see what you were talking about. :)

[_neutrino Veteran]

the page is a bit different and the style is lighter. im not sure if i like it or not it feels a bit bright for me.

[code.kliu.org]

This change had been planned for a while; there was a preview of it posted on the AMO blog some months ago...

[Pupik]

Yeah, the design was changed. From the memory, it looks worse now.

Too "fat".

[code.kliu.org]

It makes better use of horizontal space, and IMHO, it looks cleaner than the clunkier old design. But that's a matter of personal taste...

[MrChainsaw]

Yeah, the design was changed. From the memory, it looks worse now.

Too "fat".

Too wide, I think that too.

[ViperAFK]

And the "download now" buttons are extremely jagged and aliased, what were they thinking?

[vip]

Yeah this design change wasn't for the best ... I agree with the "fat" look and the jaggies all over the images :/

[ViperAFK]

I could design better looking buttons than the crap ones they are using, they are just hideous.

[code.kliu.org]

And the "download now" buttons are extremely jagged and aliased, what were they thinking?

That's because the rounded corners are now achieved using the border-radius CSS rule and not an image. This is a much better solution because it's scalable and because it allows a better separation of content and display.

If you're using Gecko 1.9 or newer, the rounded button corners are anti-aliased and they look beautiful (try it!); the smooth native rendering of curves was introduced with the switch to Cairo/Thebes in Gecko 1.9. The downside is that this means that Gecko 1.8.1 and older (as well as all non-Gecko rendering engines) will render the border radii with jagged edges. With Firefox 2 retired and no longer supported, I think Mozilla is assuming that the vast majority of users are using at least Fx3.

Edited June 10, 2009 by kliu0x52

[ViperAFK]

That's because the rounded corners are now achieved using the border-radius CSS rule and not an image. This is a much better solution because it's scalable and because it allows a better separation of content and display.

If you're using Gecko 1.9 or newer, the rounded button corners are anti-aliased and they look beautiful (try it!); the smooth native rendering of curves was introduced with the switch to Cairo/Thebes in Gecko 1.9. The downside is that this means that Gecko 1.8.1 and older (as well as all non-Gecko rendering engines) will render the border radii with jagged edges. With Firefox 2 retired and no longer supported, I think Mozilla is assuming that the vast majority of users are using at least Fx3.

I was using google chrome 3.x, but you are right in firefox 3.5 it looks good.

[Salty Wagyu]

Eh, looks like they went back in time with their "new" design, don't like it at all.

[sujmano]

don't like the look

[Inklin]

Looks way to 90's, especially the "All Categories" Menu down the side...

The blue they are using is gross... the whole thing looks like it was knocked up in MS Paint!

[ViperAFK]

I don't like any of the changes they've been making to it, I liked the way it used to look 2 (or 3?) versions ago. They make it worse every time.

[toadeater]

It seems like every 6 months Mozilla has to go and completely screw up their addons page. Why did they remove screenshots from the themes!? It looks cleaner, but now there's less info now than before.

[ozgeek]

That's because the rounded corners are now achieved using the border-radius CSS rule and not an image.

How? What's the code? I'd like to know for my website.

[code.kliu.org]

How? What's the code? I'd like to know for my website.

border-radius is a part of the upcoming CSS3 spec. Official spec

However, since CSS3 has not been finalized, no browser supports the official CSS3 "border-radius" rule. Instead, there is provisional support for it in Gecko and Webkit via -moz-border-radius and -webkit-border-radius, respectively. Gecko has supported -moz-border-radius since the very beginning of Gecko, and -webkit-border-radius was first added in Safari 3.

Most people who use border-radius use something like this, which covers Gecko's provisional support, Webkit's provisional support, and any future browser that supports the finalized CSS3 spec.

.some-class {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

I highly recommend looking at Mozilla's docs on this because they provide some neat examples as well as a table outlining the compatibility for this across different browsers.

Edited June 11, 2009 by kliu0x52

[ozgeek]

So that is a CCS code. I put it into my CCS file and link it to my webpage?

[ylcard]

It looks like these links that display information when you hover over a specific text in forums/sites (like dictionary definitions or acronyms, etc), fugly as hell.

[code.kliu.org]

So that is a CCS code. I put it into my CCS file and link it to my webpage?

Yes.

It looks like these links that display information when you hover over a specific text in forums/sites (like dictionary definitions or acronyms, etc), fugly as hell.

What are you talking about? There isn't any of that on AMO. If you see that, then you probably have some malware on your system or something.