In December we organized in A Coruña the WebKitGTK+ hackfest at the Igalia premises as usual and also as usual it was an awesome oportunity to meet the rest of the team. For more information about the progress done in the hackfest, you can have a look at KaL’s post.
Some of the non-aesthetic changes are the following:
- Focus rings are now managed from CSS instead of C++.
- Tests got new fixes, rebaselines and more love.
- CMake support for the new controls.
- Load captions icon from theme.
The captions icon problem was interesting because I found out that the one we were using was “user-invisible-symbolic” and it was hardcoded directly in the CSS code. I changed it to be loaded from the theme but it raised the issue of using the incorrect metaphor though the current icon looks nice for captions. I filed a GNOME bug (and another WebKit bug to follow this up) so that a new icon can be created for captions/subtitles with the correct metaphor.
And which are the controls aesthetic changes?
- Show a very subtle gradient when the elements are focused or active to improve the accessibility support (which won’t be complete until bug 117857 is fixed).
- Volume slider rolls up and down with a nice animation.
- Some other elements are not shown when they are not needed.
- Captions menu shows up with both click and mouse hover for coherence with the volume slider.
- Captions menu is also animated the same way as the volume slider.
- Captions menu was propertly centered.
- Captions menu style was changed to make it more similar to the rest of the controls (fonts, margings…)
- Volume slider shows below the media element when it is too close to the page top and it cannot be shown on it. This was a regression that I introduced with the first rewrite, happy to have it fixed now.
As I already said the aesthetic differences with the former C++ are not a big deal unless you compare them with the original controls:
To appreciate the new controls I cannot just show a screenshot, because the nicest thing are the animations. Therefore a video is needed (and if you have WebKit compiled you can experience them yourself)):
Of course, I thank our hackfest sponsors as the it was possible because of them: