Test the new look of addons.mozilla.org!

(Graham Perrin) #8


I have just one Firefox container, dedicated to testing the new look.

Whenever I want to compare the traditional look to the new, I simply send the traditional page to my ‘mobile’ (new look) container.

To regain the traditional look: de-contain the page.

Horizontal scroll bar at the traditional site

Missing in the screen recording of Firefox 56.0.1, missing here (Web):

2017-10-26 20:25:07 wayback machine :: Search :: Add-ons for Firefox -2-‎

Is https://github.com/mozilla/addons-server/issues appropriate for issues that do not involve the new front-end?

Thanks, and keep up the great work.



I really can’t put a finger on it… But there’s something that feels cold, uninviting and sterile about the new design. I don’t think it’s purely a resistance to change, but accept that I can’t rule that out as one of the reasons I don’t like it.

I quite like the design cues of Chrome’s app store, where it at least feels kind of an extension of the browser itself in the design. I’ve always thought a look more integrated with the browser’s colour scheme, that looks more “Firefox Native”, would be preferable. The impression I’m getting at present is something that looks ultra-modern, but still clashes with the design of the browser.

This isn’t always a bad thing though. The new TestPilot site felt pretty brilliant to me… It felt more than just a website with extensions, but a true web app, in how it was presented and how it presented the installation, extensions that are currently installed, etc. That experience felt very integrated with the browser (despite, again, being a design clash).

I also put my hands up; these are entirely subjective thoughts. A lot of them are from my immediate first minutes of experience.

EDIT: I forgot to add, I’m using 150% text size in my Windows display settings (Windows 10, fall creators update) along with 120% magnification within Firefox (at present I do most of my computing on my TV through HDMI… Mostly out of necessity)


(Tanookirby) #10

The new look is nice, but I’m disappointed that one feature is left out.

For my browser, I use a userscript called Autopagerize. It is supposed to load the content of the next page onto the current page. However, this script will have no effect on the addon site when using version 57 because web extensions are not allowed to change it. One suggestion I have is to incorporate infinite scrolling where more content is added to the lists when nearing the end of the page. Is that doable?


(Graham Perrin) #11


A worse effect with the new look. Nothing found:

Please, is tagging to be deprecated?

Or is support for tagging not yet implemented in the new look?



https://addons.mozilla.org/firefox/extensions/privacy-security/ is not yet populated. Cross reference:

… Is that all the privacy-wise …?


(Graham Perrin) #12

Please: is the green jigsaw puzzle icon at e.g. https://addons.mozilla.org/addon/firefox-pioneer/ a generic icon that appears when the developer has not specified an icon?

Or is that an extension for which Mozilla specified the old green icon before the new blue became the norm? First on AMO: 2017-07-21


(Graham Perrin) #13

Collections: no hint of incompatibilities when browsing

:slight_smile: it’s now less than one hundred percent.

The new look does not yet offer any hint of incompatibility:

A key frame from that recording, where I switch to a Firefox 57 view of things:


(Graham Perrin) #14

Browsing key areas such as Tabs: emptiness and missing links

Tabs - Extensions - Add-ons for Firefox is:

  • traditionally populated
  • apparently empty with the new look
  • without the link to 1,919 extensions.

Classic and new looks:


Cross reference: my comment under Keeping Tabs on the Tab API | Mozilla Add-ons Blog (2017-11-03). From the main post:

… The good news is that there are already hundreds of extensions written with the WebExtensions API to help you configure, organize and otherwise manage your browser tabs. …

– probably intended to link through to the hundreds (of 1,919) that are compatible with Firefox 57+, instead there’s an empty space and promotion of some legacy extensions, and things that are entirely unrelated to tabs.

Web Development :: Add-ons for Firefox is:

  • traditionally populated
  • apparently empty with the new look.

Use case: I aimed to preview the short description of The easiest Xdebug when listed in the midst of other short descriptions.


(Staś Małolepszy) #15

This looks very nice and congrats on migrating the front-end to React! I do wonder about all the rounded borders. Both Quantum and the new Mozilla branding make me think of sharper and bolder edges. The roundness of the current design takes me back to Kubrick, a 2005 default Wordpress theme :slight_smile:


(Siffe) #16

Will one be able to search by Newest and Recently updated like we can now?



(Graham Perrin) #17

Basics, for a moment.

https://addons.mozilla.org/firefox/search/?type=persona&sort=updated is similar to the address that’s given when you use the Sort by menu to choose Recently updated – at the tail of the address in this case,


Basically: wherever you see sort=updated you can change it to sort=created so, for themes (personas):

and then ignore the word Relevance, to the left.

Compared to the classic look, the new does not show the dates. It’s probably to be done, but not yet on a milestone.

A comment from Gary:

There is no way to search for “New” addons. To be “up and coming” you first have to be “New”!

For now, please bookmark:

– and ignore the word Relevance, which may appear to the left whenever you sort without using the menu of preset sort options.


(Albert S) #18

With the redesign of mozilla.org (including blog.mozilla.org), Firefox Quantum (including the great new logos) and the new AMO logo, I hoped the AMO.org would also go a bit more in that direction - something bolder, more modern. This simple layout might work well on mobile, but on desktop the current blocky layouts look to me little more like wireframes than an end-product.
It might be partly due to the 9px border radius (radii?), which I still saw to much off 2012 - 2015. Removing makes it look a little more serious already - obviously all my personal taste.

Other little changes that helped for example on extension detail pages include increasing the font-sizes to 14px or even 16px (are the 12px for mobile?) and increasing spacing i.e. .AddonMoreInfo-contents dd { margin: 0 0 11px; /* up from 3px */ } or .Card-footer-link { padding: 15px 26px; /* from 5px 26px */ }, etc.

The loading times are incredible. Kudos to the team.

On a side note:

  • “Add new rule” in dev tools > inspector > css rules does not seem to work on that page (due to React I guess?).
  • The screenshot tool does not work on those pages (due to React for sure)

(Graham Perrin) #19

Looking good :+1:

Personal star ratings are not yet apparent – the absence of gold from two areas of the new look:

(The overlay is a SeaMonkey view of the same URL. There’s the gold.)



(Graham Perrin) #20

A click on Explore does not explore, and so on …

  1. https://addons.mozilla.org/addon/user-agent-overrider/
  2. click either (a) the word Explore, or the word Themes

Hint: the word, not below the word. Click the centre of the letter o in Explore


This bug is either transient, or was quickly fixed.


(Graham Perrin) #21

Not meeting the requirements of currently released versions of Firefox at a critical time


… can’t tell anymore …

… no indication of whether either is supported in Firefox 57 …

How can I see if an addon is FF 57+ ready now?

… A Firefox 56.0.2 view of pages such as … offers no hint that Firefox 57 will not work with such things.

A number of workarounds are possible.

  • read two windows alongside each other for a single extension.

Clearly this is far from ideal. … I’m very surprised by the current situation. I do know that at least one feature of the new site was recently temporarily, properly removed in response to user testing.

Maybe some other feature of the site was very recently removed without realising the consequences. …


… less than two weeks before Firefox 57 lands into the Release Channel, it will be a frustrating experience when we tell users to start looking for 57+compatible extensions when the addons.mozilla.org page they see doesn’t tell them and they have to install an extension to find out. After 57 lands, one won’t …


(Graham Perrin) #22

Backwards, forwards not working as expected (edge case)

Two frames from a screen recording:

The URL changed – to the page for Tab Tally – but navigation did not occur; Firefox 56.0.2 continued to present the page for Containers On The Go.

At the time of those two frames:

  • User Agent Overrider was not applied
  • View classic desktop site applied.

An edge case, I reckon (I’ll not raise an issue in GitHub) because there was a prior change of agent to gain the classic look – in response to a SeaMonkey string (as specified in User Agent Overrider):

FreeBSD / SeaMonkey 2.49.1: Mozilla/5.0 (X11; FreeBSD amd64; rv:52.0) Gecko/20100101 Firefox/52.0 SeaMonkey/2.49.1


You can switch to the desktop version for now, if you miss the older look


(Kyle Tirak) #23

I’m not sure if I’m a little blind here, but I don’t see a way to check on a WebExtension’s permissions in the new design…


(Kostadin Iliev) #24

To be honest, I don’t like very much the new look of Mozilla Addons. Maybe it’s not to my taste, but everything on the site has become too big (and you need to scroll a lot to see items downwards), with rather ugly motley colors and the same sketchy icons that repel me in Windows 10. Maybe this is the new culture trend, I don’t know, but it doesn’t just appeal to me. Otherwise the functionality is ok, I just don’t approve so much the looks. The old version was somewhat cleaner and easier to navigate, with more beautiful icons and colors… I hope the link to it would stay for the future…


(Graham Perrin) #25

@Hamsterkill I tried three or four times to add a comment, with reference to the comments under your https://www.reddit.com/r/firefox/comments/7adng2/did_the_addon_page_change/dpa34zl/, but I’m having difficulties in multiple browsers (https://status.github.com/messages shows “All systems reporting at 100%” but comment texts seem to be disappearing into the ether). Reported to GitHub.


(Hartsel Bryant) #26

I don’t like the new view at all. It’s extremely cold and sterile and VERY lacking of important information such as what versions the add-on is compatible with, etc. This makes it even worse when you are trying to find replacement add-ons that meet the new web-extension standard. And having to click “Read more” to see the description is ridiculous. It needs to be full page front and foremost.

The previous version, which I immediately reverted back to, had finally progressed to near perfection. Why change something that works great? Don’t ‘fix’ what isn’t broken. The only thing I can think of that may have been a slight improvement for the previous version would be to move the Version Information, Development Channel and Developer’s Comments sections from the bottom of the page, up to the top, below the Add to Firefox button. I was so pleased with the fact that in the Add-on search results, you had added a green “Compatible with Firefox 57+” indicator, which was a wonderful idea. Then you turned around and removed it in the new version. No steps forward, 10 steps back.

The changes made to the Add-ons page is comparable to taking a nice car, taking out the leather power seats and putting in wooden kitchen chairs and removing all of the numbers from all of the dials in the dash.


(Hartsel Bryant) #27

Also, when viewing a Theme, there is no more Add to Favorites feature, which I liked and actually used when I got bored with my current theme.

1 Like