Photon Engineering Newsletter #6

(via
https://dolske.wordpress.com/2017/06/15/photon-engineering-newsletter-6/)

More exciting progress this week! Here=E2=80=99s Photon update #6
<https://www.youtube.com/watch?v=3DwZI5t7w2U5g>!
New Menus

Work on the new Photon menus has reached the point where we=E2=80=99re read=
y to
turn them on by default (for Nightly). Bug 1372309
<https://bugzilla.mozilla.org/show_bug.cgi?id=3D1372309> is tracking the la=
st
remaining work (mostly test fixes), and you should see this happen in
tomorrow=E2=80=99s Nightly. Up until now you=E2=80=99ve needed to manually =
enable the
=E2=80=9Cbrowser.photon.structure.enabled=E2=80=9D pref to play with the ne=
w menus =E2=80=93 you=E2=80=99ll
no longer need to flip that pref as it will already be enabled.

The biggest change you=E2=80=99ll notice is that the application menu (a.k.=
a. the
=E2=80=9Chamburger menu=E2=80=9D) contents look different. Instead of a gri=
d of icons, it=E2=80=99s
a linear list of commands. Opening the menu and entering submenus is much
snappier than before. Here=E2=80=99s the new look on Windows 10 (left) and =
macOS
(right):

[image: menus]

The overflow menu (under the =E2=80=9C>>=E2=80=9D icon) has existed for a l=
ong time now,
normally it=E2=80=99s only shown when the window is so narrow that we run o=
ut of
space to show all the toolbar icons. You can now pin items to it
permanently, as the new destination for commands you want easily accessible
without taking up toolbar space. (Previously you could do this by adding
items to the hamburger menu. That=E2=80=99s no longer customizable.)

[image: overflows]

There are also some minor related changes to Customization Mode, which now
shows the overflow menu as a customization target instead of the old
hamburger menu.
Recent changes

Menus/structure:

   - Enabling the new menus, as mentioned above.
   - The sidebar toolbar button no longer has a panel dropdown, instead it
   just toggles the display of the sidebar (you can change which sidebar is
   shown from inside the sidebar itself).
   - Various smaller styling/polish fixes to the different panels and
   toolbar items have landed and will continue to land this week.
   - WebExtension browser actions will now be pinned to the overflow panel
   <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1354109> instead of the
   hamburger menu (though we are aware of at least one remaining issue
   <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1370967> with this).



Animation:

   - The Photon-themed download icon
   <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1371834> landed, this wa=
s
   spun out of the main download animation bug to start landing pieces as
   they=E2=80=99re ready.
   - Work continues on animations for downloads toolbar button, stop/reload
   button, and page loading indicator. We=E2=80=99re working through some p=
erformance
   issues with the latter two =E2=80=94 these animations are triggered duri=
ng our
   performance test suites, and we see some impact to the measurements.
   - New arrow-panel animations are underway. We=E2=80=99re updating the wa=
y panels
   and menus animate when they=E2=80=99re opened and closed. On macOS we=E2=
=80=99re
   temporarily removing the current animation entirely, while we await
   platform improvements that allow us to get the effect we want in a way t=
hat
   performs well.



Preferences:

   - QA-sign off received for the old preferences shipping in Firefox 55
   (which have not been the default on Nightly since landing the new
   preference reorg).
   - Search followups are largely complete, and we are enabling
   <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1353954> the search
   feature this week.
   [image: search-prefs-demo]



Visual redesign:

   - We got some good contributions from community member UK92! Thanks!
      - Updated two of our in-content pages (about:about
      <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1125634> and
      about:rights <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1372005>=
)
      to use the new Photon style.
      - With maximized windows on Windows 10, the window control buttons no=
w
      span <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1185482> the
      entire height of the tabstrip, eliminating a small gap.
   - Landing updates to the sidebar styling
   <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1367242> (header and
   search box)
   - Updated <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1369582> the
   Synced Tabs button icon in the toolbar.
   - Starting work on changing the color of the titlebar on macOS (making
   it darker, similar to Windows 10).



Onboarding:

   - Lots of discussion and decisions, finalized scope and content for
   Firefox 56 tour.
   - De-scoped automigration, and are instead moving ahead with a manual
   import option accessible from the new Activity Stream page.
   - Simplified tour and notification logic
   - Outstanding technical issues resolved and a few 56 tour contents are
   ready to land this week. No more blank tour overlay in Nightly!



Performance:

   - Startup improvements:
      - Captive portal initialization has been delayed
      <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1367450> so that NSS
      initialization now usually happens after first paint (except
when creating
      a new profile)
      - The sidebar browser is now created lazily
      <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1369751> when the
      sidebar is first opened, instead of before first paint
      - The search service is started after first paint
      <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1369705>, and the
      one-off-buttons are constructed when a search panel is first opened
      - We are in the process of delaying
      <https://bugzilla.mozilla.org/show_bug.cgi?id=3D1371710> places
      initialization <https://bugzilla.mozilla.org/show_bug.cgi?id=3D137167=
7>
   - Assisting the animation team with understanding and reducing the
   impact of the new animations on Talos benchmarks
   - It=E2=80=99s now very easy to add test coverage for ensuring a JS modu=
le, JS
   component, or an XPCOM service isn=E2=80=99t started too early during st=
artup. See
   browser_startup.js
   <http://searchfox.org/mozilla-central/source/browser/base/content/test/p=
erformance/browser_startup.js>
   .



Stay tuned for more updates next week!


Justin
0
Justin
6/15/2017 8:36:17 PM
mozilla.dev.platform 5991 articles. 0 followers. Post Follow

0 Replies
35 Views

Similar Articles

[PageSpeed] 10

Reply: