Please read this blog post and leave your feedback here!
https://blog.mozilla.org/addons/2017/10/25/test-new-look-addons-mozilla-org/
Overall, Iām really excited and think it looks greatā¦but apparently, youāre removing the ability to preview a theme just by hovering over it? I kind of wonder why. That was very convenient. Even if you didnāt want to activate this effect using hover for some reason, maybe there could be a little āTap to previewā button on each theme on the home and search pages, just like thereās a āTap to previewā button on each theme page.
I meanā¦itās honestly not that big a deal considering the site loads extremely fast, meaning traveling from the search page to an individual theme page is almost instantaneous and thus previewing themes is still very quick and easy. So I wonāt exactly be heartbroken if you remove the hover-to-preview feature. I still kinda wonder why the change, though.
I donāt dig that there are fewer themes on the Themes home page (and on the category pages) than there used to be. Itās great to be able to see a lot at a glance. I do appreciate that you want to show the themes bigger, but ehā¦it just feels a bit empty, honestly.
I think itās great that Featured themes are marked as such on the individual theme pages. Also, you finally fixed the āMore themes byā¦ā section to include a variety of a personās themes even if theyāre more recent. Previously, for me, it ONLY showed the three themes I made in 2013 and never any of the 270+ themes I made in 2016 and 2017. Itās so refreshing to see this fixed.
Why do some themes look pixel-y? An example is below:
I think this is the biggest thing to fix.
Overall, Iām really happy!! I think it looks great and this was overdue, tbh. Donāt mind my complaints, I still love it overall and am excited for it to come out.
Oh, one last thing, I wish they still showed a few reviews without having to go to the reviews sub-page. That was a nice feature. Helps you see valuable information about the add-on just from a glance.
Thanks for the detailed feedback. There are a couple of reasons we got rid of the theme preview feature:
- It hasnāt worked very reliably in the past, probably because downloading large images can fail or be slow at times.
- We plan to expand themes in the near future, which means theyāll do more and may perform even worse on a live preview feature.
- Itās fairly easy to install a theme to try it out, and then undo the installation.
Those reasons make sense. Especially the part about expanding themesā capabilities, which Iām really excited about.
Hi,
I just try the new add-ons site. The changes are really huge. I think some time will be necessary to be comfortable with it. 
As first problems, I was not able to found the āDeveloperās Commentsā section and āSupport E-mailā entry has also disappeared (I try on my own extension Linkificator which does not have a support site defined, just support e-mail). Is it by design or because the development is not yet finished?
Hint
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):
Is GitHub Ā· Where software is built 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)
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?
Tags
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?
Related:
Postscript
Extensions in Privacy & Security ā Add-ons for Firefox (en-US) is not yet populated. Cross reference:
ā¦ Is that all the privacy-wise ā¦?
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
itās now less than one hundred percent.
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.
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
Basics, for a moment.
Search results ā Add-ons for Firefox (en-US) 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,
&sort=updated
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.
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.
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 rulesdoes 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)
A click on Explore does not explore, and so on ā¦
- https://addons.mozilla.org/addon/user-agent-overrider/
- 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 ā¦
Postscript
This bug is either transient, or was quickly fixed.