Just in time for the holidays, a new Orion milestone is available! This milestone has crammed in a whole lot of developer tooling improvements, and enhancements to several aspects of the user interface. There is also a ton of work going on behind the scenes on bigger features that we’ll hopefully be able to share in the next milestone. You can take the latest build for a spin on OrionHub, or download it.
New icons using an icon font
Orion now has a completely new set of icons, implemented using an icon font. Implementing icons using a font improves page load performance because images don’t need to be fetched individually. Because they are vector-based, they also scale up and down very well. The following image shows our old icons alongside the icon font replacements on a high resolution iPad display:
New syntax highlighting framework
Orion has switched to a brand new syntax validation service based on eslint (previously we used JSLint). This new validator is currently roughly comparable to our old one, and provides much greater flexibility that we plan to expose to users in the future.
Accessibility deep dive
Many Orion committers attended a special master class with web accessibility guru Derek Featherstone this month. We did a deep dive on various parts of the Orion UI and how to make them more accessible to keyboards, screen readers, dictation software, etc. So far the net result has been a long list of new bug reports and design ideas, but we are certain this will ripple through into a more accessible Orion user interface over the coming months.
The Orion compare editor now allows you to compare common image types. You can now see outgoing changes to your images in the Git staging page, and compare pairs of images in the standalone compare page.
Drag to move files in navigation pane
Show in Navigator
When browsing around in the editor navigation pane it can be easy to lose track of the file you are editing. You can now click on the filename in the breadcrumb at the top of the editor to immediately reveal and select the currently edited file in the Navigator.
Completion support in editor find bar
The find and replace bar in the editor now provides a drop-down of suggested completions for your search term based on your search history. You can delete entries from the history directly in the down-down if you don’t want to see that suggestion again.
Open file with different editor
A drop-down menu has been added to the editor to allow you to view the same file in a different editor. For example, when editing a markdown file, you can use this to toggle between the Orion text editor and a rendered markdown view.
Find user command for administrators
A new command is available to administrators in the user profile list to quickly jump to the profile for a particular user. If you manage an Orion install with thousands of users you will be thanking us for this one.
That’s all for this milestone!