Tag Archives: mobile

Smooth as Butter Animations in the Visual Layer with the Windows 10 Creators Update

The Windows 10 Creators Update marks the third major release of the Windows UI platform APIs. With each release, an attempt is frequently made to simplify features introduced in prior releases. This encourages Universal Windows Platform (UWP) developers to standardize on these features. The new hide and show implicit animations are an example of this.

At the same time, too much standardization can potentially lead to conformity, so with each new release more powerful visual features like the new custom animations are also added, which allow developers who are willing and able to dive into them to customize their user interfaces and stand out from the crowd. This inherent tension between ease of use and the power to customize rewards developers for their efforts while also making sure that no one gets left behind.

Hide and show animations for page transitions

Page transitions, often accompanied by state transitions as visual elements, are added to the visual tree of the new page. In fact, a lot of interactivity in UWP simply involves deciding which content to show and which content to hide as the state of the app changes. More often than not, this is tied to changing the value of the Visibility properties of the elements on the screen.

In the Creators Update, two new implicit animation techniques have been added to help you make these transitions more fluid: ElementCompositionPreview.SetImplicitShowAnimation and ElementCompositionPreview.SetImplicitHideAnimation. Whenever a UIElement is loaded or when that element’s Visibility property is set to Visible, the implicit animation associated with it using SetImplicitShowAnimation will play. Similarly, whenever the user navigates away from a page or when a UIElement is hidden, an animation associated with it using the SetImplicitHideAnimation method will be invoked. These two mechanisms make it easier for you to include motion as an inherent aspect of all your visual elements, while providing a seamless experience for your users.

Connected animations

Implicit animations are great for animating controls inside a page. For navigation transitions between pages, however, the Visual Layer provides a different mechanism known as connected animations to help you make your UI even sweeter. Connected animations help the user stay oriented when she is performing common tasks such as context switching from a list of items to a details page.

The Windows UI platform APIs provide a class named the ConnectedAnimationService to coordinate animations between the source page and the destination page during navigation. You access the service by calling the static GetForCurrentView method. Then in the source page, you invoke PrepareToAnimate, passing in a unique key and the image that should be used for the transition animation.


ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("MyUniqueId", image);

In the destination page, you retrieve the image from your ConnectedAnimationService service and invoke TryStart on the ConnectedAnimation while passing in the destination UIElement.


var animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("MyUniqueId");
if (animation != null)
{
    animation.TryStart(DestinationImage);
};

In the Anniversary Update you did not have much control over this animation technique. Everyone got pretty much the same standard one. With the Creators Update, on the other hand, you have lots of new superpowers to personalize your transitions with:

  • Coordinated animations
  • Custom animations
  • Better image animations

Just to reiterate the point made in the introduction, the goal in designing the Windows UI platform APIs is to provide an awesome experience out of the box so you can copy the standard samples and get beautiful, fast and visually appealing visuals. At the same time, this shouldn’t ever take away from your ability to personalize the user experience to create something truly unique and wonderful with powerful new tools, like coordinated animations and custom animations.

Coordinated animations

A coordinated animation is a type of animation that appears alongside your connected animation and which works in coordination with your connected animation target. A coordinated animation gives extra visual flair to your page transition.

In the coordinated animation sample above, caption text that is not present in the source page is added to the destination page. The caption text is animated in tandem with the connected animation. We are doing two things here (in designer terms): providing context between the source and the destination using our connected animation while also adding visual interest with a coordinated animation at the destination. In user experience terms, though, all we’re doing is making the app’s transition animations look really cool.

Coordinated animations are fortunately also easy to implement. The TryStart method of the ConnectedAnimation class provides an override that allows you to pop in an array of visual elements you want to animate in a coordinated fashion. Let’s say that your caption text is in a visual element that you’ve named “DescriptionRoot.” You can add this as a coordinated animation by tweaking the previous code like so:


var animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("MyUniqueId");
if (animation != null)
{
    animation.TryStart(DestinationImage, new UIElement[] { DescriptionRoot });
};

That’s a lot of power packed into a little argument.

Custom animations

By default, the connected animations in the navigation sample move in a straight line from the origin position in the source page to the target position in the destination page. If you select a box in the far-left column, it will move more or less straight up, while if you select a box in the top row, it will more or less move directly left to get to that target position. But what if you could put some English on this?

You can with custom animations, introduced in the Creators Update. The custom animations feature lets you modulate your transitions in four ways:

  • Crossfade – Lets you customize how elements crossfade as source element reaches destination
  • OffsetX – Lets you customize the X channel of Offset
  • OffsetY – Lets you customize the Y channel of Offset
  • Scale – Lets you customize scale of the element as it animates

In order to customize a particular part of a connected animation, you will need to create a keyframe animation and add it to your page transition using the SetAnimationComponent call like so:


var animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("MyUniqueId");

var customXAnimation = Window.Compositor.CreateScalarKeyFrameAnimation();
customXAnimation.Duration = ConnectedAnimationService.GetForCurrentView().DefaultDuration;
customXAnimation.InsertExpressionKeyFrame(0.0f, "StartingValue");
customXAnimation.InsertExpressionKeyFrame(0.5f, "FinalValue + 25");
customXAnimation.InsertExpressionKeyFrame(1.0f, "FinalValue");

animation.SetAnimationComponent(ConnectedAnimationComponent.OffsetX, customXAnimation);

Note that you use expressions to get the starting and ending values of the connected animation.

Awesome image animations

The Creators Update also introduces improved image interpolation for connected animations where the image size and even the relative dimensions are changing between the source and the destination—for instance transitioning from a square to a rectangular image.

This interpolation happens automagically so you have less to worry about.

Implicit animation support for property sets and shadows

Finally, animation capabilities are also extended in the Creators Update by allowing you to apply implicit animations to property sets and shadows.

This change provides developers with even more creative flexibility and the ability to modify shadows in interesting new ways, as shown in the code sample below.


var shadowBlurAnimation = compositor.CreateScalarKeyFrameAnimation();
shadowBlurAnimation.InsertExpressionKeyFrame(1.0f, "this.FinalValue");
shadowBlurAnimation.Duration = TimeSpan.FromSeconds(1);
shadowBlurAnimation.Target = "BlurRadius";

//Associating animations with triggers 
implicitAnimationShadow["BlurRadius"] = shadowBlurAnimation;
implicitAnimationShadow["Opacity"] = shadowOpacityAnimation;
implicitAnimationShadow["Scale"] = shadowScaleAnimation;

implicitAnimationVisual["Translation"] = translationAnimation;
            

//Applying Implicit Animations to objects 
content.Properties.ImplicitAnimations = implicitAnimationVisual;
shadow.DropShadow.ImplicitAnimations = implicitAnimationShadow;

Wrapping up

The visual power being made available to developers through the Windows UI platform APIs have basically always been a part of the UI Framework. They just haven’t always been accessible until now. Think of this as a UI nuclear reactor being handed over to you to play with. With this awesome power, however, also comes the responsibility to create sweet UI and beautiful interactions. Go forth and be amazing.

To learn more about the topics covered in this post, you are encouraged to voraciously consume the following articles and videos:

Read More

Windows Template Studio 1.1 released!

We’re extremely excited to announce the Windows Template Studio 1.1. In partnership with the community, we’ve been cranking out and iterating new features and functionality. We’re always looking for additional people to help out and if you’re interested, please head to our GitHub at https://aka.ms/wts.

How to get the update:

There are two paths to update to the newest build.

  • Already installed: Visual Studio should auto update the extension. To force an update, Go to Tools->Extensions and Updates.  Then go to Update expander on the left and you should see Windows Template Studio in there and click “Update.”
  • Not installed: Head to https://aka.ms/wtsinstall, click “download” and double click the VSIX installer.

Improvements to the Wizard:

  • Page Reordering
  • The first page doesn’t have to be the Blank page
  • Renaming of pages and background tasks
  • Offline improvements
  • Initial work for supporting localization
  • Code analysis was added

Page updates:

  • Grid page added
  • Chart page added
  • Media/Video page added
  • Web View page has been enhanced

Feature updates:

  • Store SDK Notifications added
  • SettingStorage now has a binary save option (not just string based)

Template improvements:

  • Navigation panel moved to UWP Community Toolkit
  • Styling adjustments
  • ResourceLoader performance improvement

For a full list of issues fixed in the 1.1 release, head over to Github.

 What else is cooking for next versions?

We love all the community support and participation. We’re partnering with additional framework Caliburn.Micro and have a branch currently under development with Nigel Sampson. We’re talking with Prism and Template 10 to see how those frameworks can also be added in. In addition, here are just a few of the things we are currently building out:

  • Fluent design in the templates
  • Project Rome features as options for your project
  • Right-click->add support for existing projects
  • Localization in the wizard
  • Accessibility supported in both wizard and in the templates

If you want to help out, please head over to https://aka.ms/wts.

Read More

Sweet UI made possible and easy with Windows.UI and the Windows 10 Creators Update

Since its original debut with the Windows 10 November 2015 update, Windows.UI.Composition has been empowering developers to build fast, beautiful, sweet user interfaces in UWP and has been providing enhancements with every subsequent Windows release. At Build 2017, we revealed what all of this continuous work has been leading up to: The Fluent Design System (aka ‘Project Neon’).

Moving from classic ‘Flat Design’ to Fluent Design requires the visual and performance capabilities that the Composition APIs offers along with the interop features that let you draw on this power from your XAML layer. In case you are not yet familiar with the concepts behind the Composition APIs, here’s a quick refresher on what the Composition APIs are all about.

The Windows.UI.Composition namespace allows Universal Windows Platform (UWP) developers to use a new Visual Layer that will get them closer to the metal, graphically speaking, while still using familiar technologies like XAML and C#. By getting closer to the metal, actually down to the system compositor level, developers are able to get great visual performance and custom UI experiences. By working through the XAML layer, developers get the ease of use they have come to expect out of UWP. This is basically a best of both worlds scenario that puts great responsibility in the developer’s hands. And with great responsibility, as we all know, comes great power.

So why do you need all these graphical and UX superpowers? In addition to giving pizazz to your UWP apps, access to the system compositor level also helps your users to accomplish their tasks faster and more fluidly. For instance, when you use Composition effects to blur a background in response to a click, you are focusing the user’s attention on her current task and removing distractions. This is the sort of subtle UI implementation that actually makes your user’s life easier – and it works best when your user doesn’t even know that you did anything for them. They are just left with the impression that your app is easy to use and feels fast, even if they can’t exactly put their finger on the reason.

The Visual family

To better understand the basic principles of Windows.UI.Composition, it’s important that we also introduce you to the visual family. In order to get fast and fluid effects, you need direct access to something called the system compositor (sometimes also referred to as the DWM). The system compositor is agnostic to the UI thread and doesn’t really care about being on the UI thread or blocking threads. Things happen very quickly at the system compositor level, where everything that is about to be sent to the display screen gets put together. This is also where you get to add additional effects if you want to just before shipping all your visuals to the display.

The visual family lives down at that compositor level where things happen rapidly. The visual family is made up of Visuals, ContainerVisuals and SpriteVisuals. The SpriteVisual class inherits from container visual, and the ContainerVisual class inherits from the base Visual class. There is also a Compositor class which acts as the senior member of the visual family. It quite literally creates visual objects if you need them and also manages the relationship between an application and the system compositor process.

The visual family is a lot of fun. Let’s say your XAML, many levels above, has a Grid object. That Grid will have a member of the visual family assigned to it. In technical parlance, we say that the Grid is backed by a visual. Once you grab hold of this backing visual, you can start to animate it using the composition animation system. If it is a ContainerVisual, then you can add additional visuals to it. Finally, you can also create sprite visuals, using the compositor factory class, in order to add brush effects to your visual using the Windows.UI.Composition effects system.

What’s new for sweet UI in the Windows 10 Creators Update

Several highly requested UI.Composition features have been added in the Creators Update to support fast and fluid UI as well as the Fluent Design System, for instance:

  • SVG support
  • Normal and Virtual Surfaces
  • Hover Interactions
  • Implicit Show and Hide
  • Expression Helpers
  • Offset stomping fix

At first these can seem like small disconnected improvements. Brought together, however, they will make creating beautiful UI both faster and easier.

XAML support for static SVG files

Vector images are often better for icons and logos because they can be resized without losing image quality. Before the Windows 10 Creators Update, however, vector graphics were not supported in XAML and working with iconography in UWP typically involved multiple versions of every image to adapt for multiple DPIs.  Now that that problem is solved, not only does XAML support static SVG files, but they also work with the Composition APIs.

Normal and virtual surfaces

The CompositionDrawingSurface has been a core component of the Composition APIs since the beginning, facilitating interop between XAML and Direct2D or Direct3D. The Creators Update is introducing the CompositionVirtualDrawingSurface for situations where only a portion of the content needs to be shown to the user at any given time. It basically bridges the concepts of graphics culling in video games and the development of infinite lists in desktop enterprise apps.

Independent hover interactions off the UI thread

One of the most powerful things about the Composition APIs is that they allow effects and animations to run independently of your main UI thread at 60 frames per second. With the Creators Update, this feature will also apply to hover animations in order to light up the many pointer activated effects that are a major part of fluent design.

There is also a subtle computer etiquette benefit to this new feature. Have you ever watched a busy animation play while your app’s UI was hanging and tried to move your mouse around in circles to try to make the animation go faster, but it has no effect? That is now a thing of the past.

Implicit show and hide

If you look at the code behind any UWP app, you will likely find that a large portion of UI code is devoted to setting visibility properties on UIElements in order to alternatively hide and show content. With this understanding, the Composition APIs now allow you to associate animations with your visual elements that are implicitly triggered when you hide or show them.


    ElementCompositionPreview.SetImplicitShowAnimation(MainContent, mainContentShowAnimations);
    ElementCompositionPreview.SetImplicitHideAnimation(MainContent, mainContentExitAnimation);

Implicit hide and show animations allow you to continue using this basic UI metaphor while also making it easier to create elegant visuals around them.

Expression helpers

Expression animations provide a way to create mathematical relationships between composition objects that can then be used to drive animations. The results of applying expression animations can often be breathtaking.

One piece of feedback we received about how we implemented expression animations is that it depends heavily on long strings of text like the following:


  rotationAnimation.Expression = "ACos( ( (A.Offset.X * B.Offset.X) + (A.Offset.Y*B.Offset.Y) + (A.Offset.Z * B.Offset.Z) ) / ( Length(A.Offset) *  Length(B.Offset) ) )";
  lineVisual.StartAnimation("RotationAngle", rotationAnimation);

The phrase “magic number” may even have been raised with respect to this. Just in time for the Creators Update, the Expression Builder Library is being introduced to provide you with type safety, IntelliSense and autocompletion as you create your own amazing expression animations.

Translation property

In earlier versions of the Composition APIs, there was a complication in the way UIElement properties were shared between the XAML layer and the Visual Layer that could cause the actual position of the visual to be overwritten or “stomped” in response to layout changes. While there was a workaround previously, there is now an actual fix with the new translation property. To prevent offset stomping, you now just need to enable the new Translation property through the ElementCompositionPreview class.


ElementCompositionPreview.SetIsTranslationEnabled(Rectangle1, true);

This is one of those issues that, if you’ve run into it before, you will feel a slight sense of relief. Just add a mental bookmark for yourself about the Translation property until you need to use it.

The sample gallery

The best way to deep dive into Windows.UI.Composition is by pulling down the sample code that the Composition team created and published to Github. The Windows UI Dev Labs samples, as they’re called, are extensive and visually rich. The samples extend from simple photo effects to complex parallax animations on XAML controls.

Don’t hesitate. It’s hard to really grasp the magnitude of the visual capabilities you are getting with Windows.UI.Composition until you see for yourself all that it empowers you to do.

Wrapping up

In addition to diving into the sample gallery on Github, which is highly recommended, you can also learn more about Windows Composition through the following articles, videos and blog posts.

Read More

This Week on Windows: Spotify in the Windows Store, 360° videos, E3 and more

We hope you enjoyed today’s episode of This Week on Windows! Check out our Windows 10 Tip on how to watch 360° videos with the Windows 10 Creators Update, catch up on all the Xbox news out of our E3 Briefing, learn more about the launch of Surface Laptop and Surface Pro, head over here for six things you need to know about Windows 10 S, or, keep reading for what’s new in the Windows Store.

In case you missed it:

<!–
!function(a,b){“use strict”;function c(){if(!e){e=!0;var a,c,d,f,g=-1!==navigator.appVersion.indexOf(“MSIE 10”),h=!!navigator.userAgent.match(/Trident.*rv:11./),i=b.querySelectorAll(“iframe.wp-embedded-content”);for(c=0;c<i.length;c++){if(d=i[c],!d.getAttribute(“data-secret”))f=Math.random().toString(36).substr(2,10),d.src+=”#?secret=”+f,d.setAttribute(“data-secret”,f);if(g||h)a=d.cloneNode(!0),a.removeAttribute(“security”),d.parentNode.replaceChild(a,d)}}}var d=!1,e=!1;if(b.querySelector)if(a.addEventListener)d=!0;if(a.wp=a.wp||{},!a.wp.receiveEmbedMessage)if(a.wp.receiveEmbedMessage=function(c){var d=c.data;if(d.secret||d.message||d.value)if(!/[^a-zA-Z0-9]/.test(d.secret)){var e,f,g,h,i,j=b.querySelectorAll(‘iframe[data-secret=”‘+d.secret+'”]’),k=b.querySelectorAll(‘blockquote[data-secret=”‘+d.secret+'”]’);for(e=0;e<k.length;e++)k[e].style.display=”none”;for(e=0;e1e3)g=1e3;else if(~~g<!]]>

<!–
!function(a,b){“use strict”;function c(){if(!e){e=!0;var a,c,d,f,g=-1!==navigator.appVersion.indexOf(“MSIE 10”),h=!!navigator.userAgent.match(/Trident.*rv:11./),i=b.querySelectorAll(“iframe.wp-embedded-content”);for(c=0;c<i.length;c++){if(d=i[c],!d.getAttribute(“data-secret”))f=Math.random().toString(36).substr(2,10),d.src+=”#?secret=”+f,d.setAttribute(“data-secret”,f);if(g||h)a=d.cloneNode(!0),a.removeAttribute(“security”),d.parentNode.replaceChild(a,d)}}}var d=!1,e=!1;if(b.querySelector)if(a.addEventListener)d=!0;if(a.wp=a.wp||{},!a.wp.receiveEmbedMessage)if(a.wp.receiveEmbedMessage=function(c){var d=c.data;if(d.secret||d.message||d.value)if(!/[^a-zA-Z0-9]/.test(d.secret)){var e,f,g,h,i,j=b.querySelectorAll(‘iframe[data-secret=”‘+d.secret+'”]’),k=b.querySelectorAll(‘blockquote[data-secret=”‘+d.secret+'”]’);for(e=0;e<k.length;e++)k[e].style.display=”none”;for(e=0;e1e3)g=1e3;else if(~~g<!]]>

There has never been a better time to buy a Surface

Surface Laptop

If you’ve been waiting to purchase your new Surface, there’s never been a better time. We announced last week that at all physical Microsoft Stores in the US or Canada, when you trade in an old device, including an Apple MacBook or iPad, you will receive up to $850 off most Surface devices, including the new Surface Pro and Surface Laptop*.

Microsoft Store associates will help find the right Surface for you with a device fitting, and with the new Surface Migration Assistant app, you can easily transfer all your files, pictures, music and settings to your new Surface device without missing a beat. Come into a Microsoft Store and let us show you how easy it is to make the switch to a Surface.

Here’s what’s new in the Windows Store this week:

djay Pro Sale – Buy for $39.99

djay Pro

Thirty million downloads are powerfully persuasive recommendations – and djay Pro ($39.99, regularly $49.99, June 19-25, 2017) doesn’t disappoint. Now, get all its amazing features and effects – including Surface Dial integration, for scratching – along with the access to millions of tracks that Spotify integration delivers, for 20% off June 19-25.

Sling TV Cloud DVR comes to Windows 10

Sling TV

This week, discover more features and easier, better viewing with Sling TV Cloud DVR – now for Windows 10 (free to download; services start at $20 per month; $5 per month more for 50 hours of DVR storage). Sling TV Cloud DVR gives even more control over how, when, and where you watch. More channels allow you to see more of your favorites. Schedule, manage, and record on most channels with Windows 10.

Want to record content from local FOX channels, Nat Geo, or FX? No problem – they’re part of the new channel lineup. If you have a favorite episode, epic sports play, or another never-forget moment, just choose “Protect” in the Manage DVR section, and it’s saved as long as you subscribe. Signing up is easy – you add Cloud DVR just like any other extra on Sling TV. Just sign in to your account on sling.com and select “Add Cloud DVR.” Change the way you watch – and enjoy – on Sling TV, today!

Spotify

Spotify logo in blue and red

Spotify for Windows 10 is now available to download in the Windows Store. We first announced our partnership with Spotify in early May and are thrilled to bring the Spotify app to Windows 10 and Windows 10 S customers following on the heels of the release of Surface Laptop and Windows 10 S last week. The Spotify app is available today in all 60 countries where Spotify is available. Learn more in this blog post!

Kong: Skull Island – Buy from $14.99

Kong: Skull Island now in the Windows Store

When a group of scientists set out to explore an uncharted island in the South Pacific, they get more than they bargained for when they encounter the island’s extraordinary – and terrifying – wildlife. Kong: Skull Island ($29.99 UHD, $19.99 HD, $14.99 SD) is now available to own in the Movies & TV section of the Windows Store four weeks before Blu-ray.

Have a great weekend!

*Offer valid from June 15, 2017, to July 31, 2017, while supplies last. Available only in Microsoft retail stores in the United States (including Puerto Rico) and Canada. To receive full store credit towards the purchase of a new select Surface device, a customer must trade-in qualifying Surface Pro device subject to these terms. To be eligible for trade-in, you must own the qualifying device, device must power on, battery must hold charge and not be required to be plugged in to operate, and be in fully functional, working condition without broken/missing components, cracked display/housing, liquid damage, modification(s) or have device warranty seal broken to be considered working. Cannot be password protected, and include original chargers/accessories. Must contain a hard drive. Any appraised value will be determined at trade-in and provided as a Microsoft retail store credit. All trade-ins are subject to Microsoft’s discretion and approval. All trade-ins are final. Recycle for Rewards program provided by CExchange, LLC., and other terms and conditions may apply. Not valid on prior orders or purchases; cannot be transferred or otherwise redeemed for cash or gift cards. May be combinable with other offers. Void where prohibited or restricted by law. Microsoft reserves the right to modify or discontinue offers at any time. Other exclusions and limits may apply. See store associate for details.

Read More

Announcing Windows 10 Insider Preview Build 15226 for Mobile

Hello Windows Insiders!

We have released Windows 10 Mobile Insider Preview Build 15226 to in the Fast ring.

Changes, improvements, and fixes for Mobile

  • This build also includes all the improvements from KB4022725.
  • We fixed an issue where some apps could not subscribe to SMS receive notifications.
  • We fixed an issue for Windows Insiders where some binaries stopped working when transitioning from Insider Preview builds to officially released builds.
  • We fixed an audio issue with Bluetooth headphones after Cortana reads an incoming SMS message to the user.

Known issues for Mobile

  • In some cases, the WeChat app may crash on launch.

Keep hustling team,
Dona <3

Read More

Monetizing your app: Set your COPPA settings for your app

The Children’s Online Privacy Protection Act (COPPA) prohibits operators of commercial websites and online services (including mobile apps) from targeting children below the age of 13 using targeted ads. The Dev Center provides an option for an app developer to specify whether an app or ad unit is targeted to children.

We reminded our developer community back in 2015 to set their application COPPA settings, but several developers have not set their COPPA settings correctly. Doing so greatly affects the revenue that a developer can earn on apps that are not targeted to children under the age of 13.

If a developer selects the COPPA compliance option that his app is directed at children under 13, Microsoft will disable its behavioral advertising services when delivering advertising to the app. If a developer’s app is directed at children under the age of 13, he or she must select this option in “Monetize with ads” under the Monetization section in Dev Center for that specific application.

However, if your app does not target children under 13, then targeted ads are a great way to monetize, so make sure you select the right COPPA setting depending on your app’s content and target audience.

Note that developers may have other legal obligations under COPPA. You should review the FTC’s guidance and consult with your legal counsel regarding COPPA obligations.

Stay tuned for additional tips to increase ad monetization!

Read More

Save the date: Microsoft Edge Web Summit 2017 comes to Seattle on September 13th

We’re thrilled to announce that our third annual Microsoft Edge Web Summit is coming to Seattle on September 13th, 2017! Registration opens next month on dev.microsoftedge.com.

Microsoft Edge Web Summit is your one stop to see what’s next for the web on Windows. Join us for a jam-packed day of energetic technical sessions, where we’ll take a closer look at what’s new and what’s next for Microsoft Edge. We’ll dive deep into what’s new in EdgeHTML, the Chakra JavaScript engine, and the user experience of Microsoft Edge.

You’ll learn how to use exciting new web platform features like Service Worker, Web Authentication, and CSS Grid to build modern, performant experiences with native-like capabilities. And you’ll have an opportunity to try out next-generation experiences built with technologies like Progressive Web Apps, WebVR, and lots more.

Best of all, you’ll find great opportunities for networking during and after the event. You’ll make new friends and valuable connections with passionate developers from the Seattle web community and around the world. You’ll also get to know the team that builds Microsoft Edge, and make sure your voice is heard as we chart our course for future releases.

Representatives of our Quality team will be on hand to help debug issues with sites and chase down bugs in the platform, and experienced web performance experts will be standing by to squeeze that extra ounce of efficiency out of your code.

We’ll have lots more to share next month – in the meantime, mark your calendar now! We can’t wait to see you there!

Kyle Pflug, Senior Program Manager, Microsoft Edge

Read More

How to distribute your existing Desktop Applications via Windows Store to Windows 10 PCs – including the new Windows 10 S configuration

Overview

Windows 10 S is a specific configuration of Windows 10 Pro that offers a familiar, productive Windows experience that’s streamlined for security and performance. By exclusively using apps in the Windows Store and ensuring that you browse safely with Microsoft Edge, Windows 10 S keeps you running fast and secure day in and day out. Windows 10 S was inspired by students and teachers and it’s the best Windows ever for schools. It’s also a great choice for any Windows customer looking for consistent performance and advanced security. By limiting apps to those in the Windows Store, Windows 10 S is ideal for people who have everything they need in the Windows Store and prefer the peace of mind that comes with removing the risk of downloading apps from other places.

What do I do with my existing non-Store app? Desktop Bridge is the answer

With the Desktop Bridge you can easily package your current desktop application or game as an .appx, distribute through the Windows Store and target all Windows Desktop devices including Windows 10 S to increase your user reach and easier monetization.

You can package any desktop application such as: WPF, WinForms, MFC, VB6, etc.

Once completed, your users will enjoy from smooth installation and update experiences: Clean, simple and fast install/uninstall updates via differential packages, streaming and many more.

Now you can also modernize your app with the Universal Windows Platform (UWP) to increase user engagement and reach all Windows devices.

We have a lot of customers that already went through the process such as: Kodi, Slack, Evernote, Adobe Photoshop Elements 15 and many others.

Here are few customers that shared their stories:

  1. MusiXmatch is the world’s largest lyrics platform with millions of lyrics available online and more than 50 million users on various platforms
  2. Tale of Wuxia (侠客风云传) is a traditional desktop Win32 role-playing game (RPG) that was created by Heluo Studio
  3. CLIP STUDIO PAINT is the leading paint tool software that supports creation of animation and manga

A quote from Evernote:

“The Desktop Bridge vastly simplifies our [Evernote] installer and uninstaller. It also opens up UWP APIs including Live Tiles and notifications. And having the full-featured Evernote app in the Windows Store means future improvements will reach users faster.”

—Seth Hitchings, VP Engineering, Evernote

What should I do next?

  1. Register as an app developer in the Windows Dev Center
  2. Prepare to package your application
  3. Sign up and get started using the Desktop Bridge
  4. Package your current desktop application as an .appx
  5. Test your Windows app for Windows 10 S, you can also check out this blog post for more details
  6. Submit your app to the Windows Store

Resources

Did you find this post helpful? Please let us know in the comments below—and also let us know if there’s anything else you’d like us to dig into for you about this topic.

Enjoy!

Read More

Announcing Windows 10 Insider Preview Build 15223 for Mobile

Hello Windows Insiders!

We have released Windows 10 Mobile Insider Preview Build 15223 to in the Fast ring. This build is just one builder newer than last week’s Mobile build and includes the following fixes and improvements:

  • We fixed an issue where only the first VPN profile was being displayed in the VPN settings page via Settings > Network & wireless > VPN.
  • We fixed an issue where a meeting Time Zone was garbled in Chinese or Japanese.
  • Based on Insider feedback, we have changed “Phone Update” to “Windows Update” under Settings > Update & security.

Known issues for Mobile

  • In some cases, the WeChat app may crash on launch.

Keep hustling team,
Dona <3

Read More

Announcing Windows 10 Insider Preview Build 16215 for PC + Build 15222 for Mobile

Hello Windows Insiders!

Today we are excited to be releasing our #TacoHat Thursday build – Windows 10 Insider Preview Build 16215 for PC – to Windows Insiders in the Fast ring! We are also releasing Windows 10 Mobile Insider Preview Build 15222 to Insiders in the Fast ring.

Our goal is to do a Windows Insider webcast on our Mixer channel every month. This month’s webcast will take place next Wednesday June 14th from 10:30am – 12:00pm (5:30pm- 7:00pm UTC). Be sure to tune in!

What’s New in Build 16215 For PC

Start & Action Center bring elements of Fluent Design

This build introduces new UI for Start and Action Center that includes elements of our new Fluent Design System which was announced at Build 2017.

Start improvements include:

  • Acrylic: If you have transparency enabled for Start, you’ll notice it’s now been updated to use the new acrylic design.
  • Vertical resize: No more glitches at the bottom of the frame.
  • Horizontal resize: The frame now starts resizing horizontally immediately (like vertical resize), as opposed to only “snapping” to certain widths.
  • Diagonal resize: The frame can be resized diagonally!
  • Resize grips: It’s now easier to “grip” the edge of the frame to start resizing.
  • Tablet mode transition: Smoother transition into tablet mode.

A new look for Action Center: Action Center has been redesigned based on your feedback to provide much clearer information separation and hierarchy. And the new design for Action Center also includes elements of our Fluent Design System such as acrylic! (and in case you were wondering, we’ve also added acrylic to our notification toasts!). As a reminder, you can customize the visible quick actions by going to Settings > System > Notifications & actions.

A new look for Action Center

Note: we’re investigating a bug where notifications in the Action Center lose their outline if acrylic falls back to having no transparency. This will be fixed in a later flight.

Microsoft Edge Improvements

Pin your favorite websites to your taskbar: Pinned sites are back! We heard your feedback, and are in this build you can now pin a website to the taskbar from Microsoft Edge! We’ll use the site’s icon to give you quick access to your favorite sites right from the taskbar. Simply select “Pin this page to the taskbar” from the settings menu in Microsoft Edge.

Pin websites to your taskbar with Microsoft Edge!

Full screen mode (F11) in Microsoft Edge: This build introduces a new Full Screen experience in Microsoft Edge. Simply press F11 or choose the new Full Screen icon in the Settings menu to take your websites full-screen. You can exit Full Screen view by pressing F11 again, or by clicking the Restore icon in the top-right corner.

Full screen mode (F11) in Microsoft Edge

Annotate Books in Microsoft Edge: We’ve added the ability to annotate EPUB Books by highlighting in four colors, underlining, and adding comments. To get started, select some text, and choose an option from the menu.

Annotate Books in Microsoft Edge.

To add notes as you read, select text, tap or click the Add a note button and add your note.

Add notes to your annotations in books

To edit or delete your note, click the Edit your note button.

And you can edit those notes

Microsoft Edge PDF improvements: We’ve added more highlight colors and the option to Ask Cortana in PDFs in Microsoft Edge.

Other Microsoft Edge Improvements, including:

  • Microsoft Edge’s splash page (seen when newly launched) so that the color transitions more smoothly to the Start and New Tab pages.
  • You will now be able to close the Microsoft Edge app directly using the close button, even when a JavaScript dialog is showing.
  • We’ve added an option to “Add tabs to favorites” from the right-click context menu on tabs. Using it will create a Favorites folder with all the sites open in tabs in the current window.
  • New tabs will now animate more smoothly onto the tab bar when opened and closed.
  • We’ve improved session restore behavior so that when a multi-window Microsoft Edge session is restored by clicking on a link (for example, from an email), the window in focus at the end of restoration is the one containing the new link.

Cortana Improvements

Taking Cortana reminders to the next level through vision intelligence: Most of us have experienced taking a picture of upcoming event poster or bookmarking an event site for future reference, only to forget about it later. With this build, we’re rolling out two new features starting with the en-us market to help you never again miss an event you’re interested in!

Cortana camera roll insights: With your permission, Cortana will now prompt you to create a reminder when she notices event posters in your camera roll! To try it out, make sure you’re signed into Cortana with your MSA or work account, and then give Cortana permission to access your camera roll via Settings > Cortana > Permissions & history > “Manage the information Cortana can access from this device”. The next time you take a picture of a flier for an upcoming event, Cortana will reach out asking if you want to create a reminder for that time.

Note: Cortana will only provide insights when your device is plugged into a power source and on an un-metered network.

Cortana will now prompt you to create a reminder when she notices event posters in your camera roll

Cortana Lasso: Are you a pen user? If so, Cortana can now help keep track of future events on your screen! Use the new lasso tool to circle the relevant information and Cortana will recognize the time, and offer suggested follow-ups through a context menu. Keeping track of upcoming events has never been easier! To try it out, go to Settings > Device > Pen & Windows Ink > Press and hold, and select Cortana Lasso in the dropdown picker. Find a website with upcoming event info, or an event poster someone shared in social media – once you have the event on your screen, just press and hold the pen back button, circle the time information, and watch Cortana do her magic. That easy!

Note: For this to work, your pen will need to support Press and Hold – for example the pen that came with the Surface Pro 4, Surface Book, or Surface Studio.

Use the new lasso tool to circle the relevant information and Cortana will recognize the time, and offer suggested follow-ups through a context menu.

Evolving the handwriting experience in Windows 10

Using your feedback to evolve the handwriting experience: We’ve been hard at work incorporating your feedback, and with today’s build we’re introducing a new XAML-based handwriting panel – with more gestures, easier editing, emoji, and more!

New features include:

Write as much as you want in the panel with the new conversion & overflow model! As you write, you’ll now see your previous words convert to typed text within the handwriting panel. When you fill the handwriting panel and lift your pen off the screen, the text will shift so you have room to continue writing. Press the commit button to insert all the text and clear the slate.

• Write as much as you want in the panel with the new conversion & overflow model!
Select text to edit it: See something you want to change? If you select text while the handwriting panel is open, that text will now appear within the panel so you can easily make alterations.

Make corrections within the handwriting panel by overwriting converted text: Was something misrecognized? Instead of using the suggested text alternate, you now have the option of just inking the correct letters right on top of the converted text!

• Make corrections within the handwriting panel by overwriting converted text.

Make corrections using ink gestures: Once your written words have been converted to type, or if you’ve selected existing text, you can now easily make simple edits from within the handwriting panel using our four new gestures: strikethrough, scratch, join, and split. Try it out!

• Make corrections using ink gestures.

Easier access to emoji and symbols: We’ve added two new buttons to the handwriting panel, so you can easily input emoji or symbols without needing to switch to the touch keyboard Simply tap the button, pick the character you want, and you’re set to go!

Reducing the chance of palm rejection: We’ve added a new setting in Pen & Windows Ink Settings so finger inking needs to be explicitly enabled – this will help avoid inadvertent ink being drawn on the handwriting panel as you’re writing with your pen.

Floating by default: While you still have the option to choose, we’ve made the decision for the handwriting panel to now by default appear next to where you’re writing. To change modes, tap the new keyboard settings menu button in the top left corner of the keyboard.

Improved handwriting recognition for English (United States): We’ve made some changes to our US English handwriting recognition engine to improve its accuracy. Would love for Insiders to try it out and share feedback on how it feels now.

English mode for Simplified Chinese handwriting: To further improve the recognition accuracy of mixed input (when Chinese and English characters are inked together), we’ve added an English mode button when handwriting in Simplified Chinese. Just press the button, ink the desired English words, and the inking done in English mode will be recognized using the English (United States) handwriting recognition engine. After your inking in English is finished, you can press the English mode button again to go back to default mode.

• English mode for Simplified Chinese handwriting.

We rely on your feedback to let us know how this new experience is doing, and will be using your feedback to determine readiness. Please try writing some things and log feedback about the experience here. If your PC has pen support, then the handwriting engine for each language should download automatically when you add it to your language list. If it doesn’t, you can go to Optional Features and choose to download it. We’re currently investigating your reports that there’s been some lag when inputting ink in recent builds.

Find My Pen: Don’t know where you put your pen? The pen doesn’t have a GPS, so we can’t help you there, but what we *can* do is tell you where you were when you last inked on your computer. Which is what we’ve done! Head over to Settings > Update & Security > “Find My Device” to see what it’s all about.

We can now tell you where you were when you last inked on your computer.

Pen interaction improvements:

Scrolling with pen. In the effort to create a more intuitive pen interaction on Windows, we are emphasizing natural and direct manipulation of content with pen. You don’t have to “hunt and peck” for scrollbars or frequently switch between pen and touch when navigating; now you can scroll content directly and fluently as you would with your finger. Want to see it working?

Selection with pen. We also revised selection with pen by giving it more control over the selection process. Not only are we showing selection grippers whenever text is selected via pen, but also are allowing for a consistent and fast selection of content – text, objects, or ink—by dragging the pen while the barrel button is pressed.

Note: scrolling with pen is currently only supported for UWP apps, however we’re working on adding it for Win32 as well (like File Explorer). Selection with pen isn’t yet up and running in Microsoft Edge, but it will be coming in a later flight. This will also impact selecting text with pen in epubs and PDFs in order to try the new Microsoft Edge features shown above. For now, please use another input method if you’d like to see how it works.

Hardware keyboard Improvements

Entering emoji on your hardware keyboard just got easier: We’ve heard your feedback, and today we’re happy to announce the new Emoji Panel! Press Win + period (.) or Win + semicolon (;) while focus is in a text box and the Emoji Panel will pop up for you to quickly scroll through and pick the emoji you want.

The new Emoji Panel!

In the “People” emoji category, you can change the skin tone of the emoji by clicking the button on the top-right:

In the "People" emoji category, you can change the skin tone of the emoji.

In addition to using your mouse to select an emoji, you can also navigate through the panel by using the following keys:

  • Arrow keys – Navigate among emoji
  • Tab / Shift + Tab – Switch emoji category
  • Enter – Select an emoji
  • Esc – Close the panel​

Currently this emoji experience is only available when English (United States) is the active language of your keyboard. As a reminder, if you need to switch between the languages in your language list, you can use the Win + Space hotkey.

Converging our touch keyboard experience

We have a totally new touch keyboard on Desktop! If you’ve been jealous of better keyboard features on your phone, then you’ll be happy to hear with today’s build we’re bringing those familiar phone keyboard experiences to your PC with our new XAML-based touch keyboard!

This includes many popular requests we’ve heard from you such as:

Enhanced Text Prediction: We’ve made a bunch of improvements to our text prediction engine to make it more intelligent. For example, you now don’t need to type anything other than “Text ” to complete the frequently used message, “Text me when you get a chance” using the suggested words. If you’re using a UWP app, you can also now enjoy Emoji suggestions!Try it out! Type “birthday ”, “coffee ”, or “dog ” and see what happens! Prediction is currently only working with the English US keyboard, however we’re working on enabling more languages

Enhanced Text Prediction.

Improved emoji experience: If you switch to the touch keyboard’s emoji view, you’ll find can now smoothly scroll through the entire contents of each emoji category, rather than page by page. You’ll also notice that any additional available emoji candidates based on your most recent word are displayed at the top in the candidate area

Improved emoji experience.

One-handed touch keyboard: Following extensive research on tablet postures, we’re adding a new keyboard layout to provide the most comfort when holding the device in your hands! It looks similar to a phone keyboard – smaller and more narrow. You can freely put this smaller touch keyboard wherever you want (although we recommend docked to the side of your screen ) and use it with one hand. To switch between languages, press and hold on the &123 key. Note: This keyboard takes the place of the split keyboard layout

One-handed touch keyboard.

Shape writing with the one-handed touch keyboard: One of the most powerful phone keyboard features for fast and easy text input involves swiping over the keys without releasing your finger on the screen. We call it shape writing. Today we proudly announce the first shape writing keyboard on PC! Because it’s works just like your familiar phone-style one-handed keyboard, you don’t need to do anything to learn it again. Just use it as you would use your phone’s touch keyboard. Bonus: it also works with pen! Shape writing is currently only supported for the English US keyboard, however we’re working on enabling more languages.

Shape writing with the one-handed touch keyboard.

A new touch keyboard settings menu: Along with all our other improvements, we’ve updated the way to switch into Handwriting panel and other keyboard layouts. You can find our keyboard settings menu icon at the top left corner of the touch keyboard. It’s a one-stop settings panel for all the layouts (Default, One-handed, Handwriting, Full) and modes (Docked, Floating), as well as a shortcut for jumping to language settings.

As we light up these new keyboard experiences, it’s very important that we receive your feedback to help make improvements and ensure we ship a polished experience to Windows users. If you have a touch or pen capable device, please take a moment to try it out in any languages that you speak and give feedback in as much detail as possible. Our readiness decision will be based on what you tell us. (PS – don’t forget you can move the keyboard around when it’s undocked by dragging the move icon in the top right corner!)

Please note the touch keyboards for Chinese, Japanese and Korean languages are not working with this build – we will fix this as soon as possible in an upcoming flight.

Dictation on the Desktop: Our keen-eyed Insiders may have noticed a microphone button in the touch keyboard pictures above – that’s because you can now use dictation to input English or Chinese text on desktop! Simply tap the microphone button in the top left corner of the touch keyboard or handwriting panel, or press the new dictation hotkey Win + H to start dictating. Currently only available for English (United States) and Chinese (Simplified) input methods.

Besides dictating text, you can also use voice commands to do basic editing or to input punctuations. Below are some examples of English dictation voice commands:

  • Say “press backspace” to inject a backspace character
  • Say “clear selection” to unselect the text that has been selected
  • Say “press delete” to inject a delete keystroke
  • Say “delete that” to delete the most recent speech recognition results, or the currently selected text
  • Say “delete last three words” to delete the last three words
  • Say “stop dictating” to terminate the dictation session
  • Say “end spelling” to terminate spelling mode
  • Say “go after <word or phrase>” to move the cursor to the first character after the specified word or phrase
  • Say “go to the end of paragraph” to move the cursor to the end of the paragraph
  • Say “move back to the previous word” to move the cursor to the left side of the previous word
  • Say “go to start of <word or phrase>” to move the cursor to the first character before the specified word or phrase
  • Say “go to the start of paragraph” to move the insertion point to the start of paragraph
  • Say “go down to next sentence” to move the cursor forward to next sentence
  • Say “go to the end of the sentence” to move the insertion point to the end of the sentence
  • Say “move to the start of the word” to move the insertion point to the start of the word
  • Say “go to the left” to inject a left arrow into input
  • Say “move right” to inject a right arrow into input
  • Say “select <word or phrase>” to select the specific word or phrase
  • Say “select that” to select the most recent speech recognition result
  • Say “select next three words” to select the next three words
  • Say “start spelling” to switch to spelling mode
  • Say “comma” (or “period”, “question mark” etc.) to input the punctuation “,” (or “.”, “?”, etc.)

Shell Improvements

Enhancing your Share experience: We want sharing to be easy and natural. With the last build we added people-first sharing, and with this build we’re bringing another new Share feature to your desktop:

Copy Link: Don’t see the app you’re looking for in the Share UI? If you’re sharing a link – like a website in Microsoft Edge, or an app from Store – we’ve added a new option in the Share UI to copy that link to your clipboard, so you easily can paste it into your app of choice.

We’ve added a new option in the Share UI to copy that link to your clipboard.

New local media folder detection for UWPs: Photos, Groove Music and Movies & TV all have one thing in common: exploring your local content based on the folders you provide. We’ve heard your feedback that sometimes local media is missing as a result of folders not being included, so with this build we’re adding new logic to address this. After a storage scan, we will now detect relevant media folders you might want to include in your collection when looking at the files via UWP apps, and suggest them to you when you go to add new folders. Want to try it out now? Add a new folder with 30+ pictures, songs, or videos to your desktop. Go to Storage Settings and press the refresh button to trigger a scan. The next time you go to add a folder to your favorite UWP (such as Groove Music), you’ll see this new experience:

New local media folder detection for UWPs.

Note: If no new media is detected, you will see the file picker dialog.

My People Improvements:

  • We fixed an issue where the icons of contacts pinned to the taskbar would appear cut off when using small taskbar icons.
  • We’ve updated our logic so that if you have the My People flyout open, you can now drop a file onto any of the contacts pinned in the overflow area to initiate a share with them.
  • We’re updated the sound made when you receive an emoji from one of the contacts pinned to the People bar in the taskbar.
  • We improved My People reliability and fixed an issue where hit testing would become offset after adding or removing items from the systray.

Night light improvements including:

  • We fixed an issue where mirroring a display and then disconnecting from it would break night light on that screen.
  • We fixed an issue where when night light had been manually enabled, and the device entered then exited S3 sleep, night could then become disabled.
  • As a result of your feedback, we’ve updated our logic to now use a quick transition into night flight if applicable after rebooting or manually enabling night light.

Settings Improvements:

New Video Playback Settings: Head to Settings > Personalization > Video Playback and you’ll now find some additional controls for media enthusiasts. If you have an HDR monitor, we’d love to hear your feedback on how video streaming feels when these new options are enabled. We’ve also added some battery settings for you to decide whether you’d prefer to optimize video streaming for battery usage or video quality.

Note: You’ll noticed a “Unsupported video type or invalid file path” error at the top of the page. This is a known issue we’re looking into, it shouldn’t otherwise impact the usage of these settings.

A new HDR and Advanced Color Settings Page: If you have at least one connected display that supports HDR, you’ll now see some additional information! Go to Settings > System > Display > “HDR and advanced color settings” to find more details about the HDR settings of the currently selected display.

Per-App Defaults Settings Page: In the past, when using Settings you had to start with your file type or protocol if you wanted to make a change to the default app. That’s changing with this build, and you can now start with your app, and then see the available options for what it can handle. To see this new option, go to Settings > Apps > Default apps > “Set defaults by App”. Choose an app and click ‘Manage’ to see all the file types and protocol associations for which the app is the default. This page takes the place of the one that had been available in Control Panel, as part of our ongoing effort to converge the settings experience.

Per-App Defaults Settings Page.

Updated Network connection properties page: We’ve heard your feedback that setting a network profile to public or private isn’t discoverable, so we’ve updated the Network connection properties page to make it easier and prominent. Instead of the previous toggle under “Make this PC discoverable”, you’ll now find two radio buttons to select whether the profile should be public or private.

Updated Network connection properties page.

A new context menu for Wi-Fi networks in the View Available Networks flyout: To get you where you need to go faster, we’ve added a new context menu full of quick actions when you right-click one of the listed Wi-Fi networks. Options include Connect, Disconnect, View Properties, or Forget Network.

Windows Update improvements:

View your active Windows Update policies: If there are any applied group policies for Windows Update, a page will now appear in Windows Update Settings so you can look through them.

Understanding your updates: We now list out the individual update status and progress in Settings > Update & Security > Windows Update. So if there are multiple updates pending (for example, a new build, a driver update, and a definition update for Windows Defender), you can see and track each different status, which wasn’t as obvious with the single progress bar used in prior builds.

Other improvements in Settings include:

  • You can now add other AAD work/school users from Settings.
  • We’ve heard your feedback, and have adjusted the order of the Settings categories so that the new Cortana category is now more central, and the Windows Update category is now once again the final one in the list.
  • When moving or uninstalling an app from the Apps & Features Settings page, you’ll now see a progress bar.
  • We fixed an issue where pinned secondary tiles would appear as groups in that app’s Notification & Actions Settings.
  • We fixed an issue resulting in garbled characters when viewing the new tips in Settings on non-English languages

Gaming Improvements

Game bar improvements:

  • Based on your feedback, the Game bar (Win + G) now has a button to enable or disable Game Mode for the current game. Its icon will be updated soon in a future flight.
  • The Game bar (Win + G) now allows you to take screenshots of games running in HDR. Sharing those screenshots to Xbox Live using the Xbox app will come in a future update of the app. Note: broadcasting does not support HDR. Screenshots will be taken in the resolution of the game window, which enables the 4K screenshots that are now supported. Game Clips and broadcasts will be transcoded to 1080p if the resolution is higher than that.
  • Screenshots of games running in HDR should now correctly save a copy in PNG that is tone mapped to SDR.
  • Bitrate changes during game broadcasting to Mixer should now be smoother and more seamless.
  • When broadcasting to Mixer, you can now specify the language that you are speaking during the broadcast.
  • The resources made available to games running in Game Mode have been tweaked on popular machine configs, including 6 and 8 core CPU machines, resulting in improved game performance for games running in Game Mode.

If you missed our announcement introducing Mixer and all the goodness along with it, check it out here!

Developer Improvements

Per app Runtime Broker: If you open Task Manager, you will notice UWPs now use per-application instanced Runtime Broker processes, rather than all sharing a single session-wide Runtime Broker. This will help improve resource attribution, resource management, and fault tolerance.

Windows Subsystem for Linux (WSL) no longer requires Developer Mode! Previously, you had to enable Developer Mode (Settings -> Update & Security -> For Developers) in order to run Bash & Linux tools on Windows. This restriction has been lifted; you can now run Bash on Windows without developer mode being enabled! More information here

Hyper-V gets virtual battery support: You can now see your machine’s battery state in your VMs! To try this feature, create a new VM using the “New-VM” cmdlet, and add the “-Prerelease” flag. This will give you a pre-release VM that will have this feature enabled.

Other improvements including:

  • Registry Editor is now per-monitor DPI aware! That means it should no longer be blurry when used in mixed DPI environments, or when changing DPI.
  • We fixed an issue resulting in VIM being broken for Windows Subsystem for Linux (WSL) users in result flights.
  • We fixed an issue where the choice command was failing when run in a Command Prompt script.

Ease of Access Improvements:

Narrator Improvements:

  • Scan Mode on By Default: The largest change that you will experience is that Scan Mode is now on by default. This means that:
    • Up and Down Arrows to get through everything: You can simply use the up and down arrow keys to get through all of the content of your application.
    • Press Space to Interact: To interact with simple controls (such as buttons, checkboxes, toggle buttons etc. you can press the space bar).
    • Editbox Switching: If you navigate to an edit field using the up and down arrows, Narrator will automatically turn off Scan Mode so that you can type into the edit field. When you are ready to exit the edit field you can use the up and down arrows to exit the edit field and Narrator will turn scan mode back on.
    • Turn off Scan Mode with Caps + Space: If you want to turn off scan mode, and want to get back to the old way of doing things, press Caps + Space. It will be turned off for that app and you will hear “Off”.
    • Remembering the state of scan mode by application: If you explicitly turn off scan mode, by pressing Caps + Space in an application, this choice will be saved in an exceptions list so that when you reopen the application Scan Mode is off. To remove this application from the exceptions list you can press Caps + Space again
    • Left and Right Arrow to move by character: Left and right arrows will move you by character
  • Since Scan Mode is now on by default, we’ve removed the popup dialog when first launching Narrator explaining how to start scan mode.
  • Narrator Input learning: This will allow you to learn the keys on your device. Narrator will tell you the key that you have pressed, and the Narrator command associated with it. This mode can be turned on and off with Caps + 1.
  • New and improved hotkeys:
    • To read from where you currently are through the rest of the application you can press Caps + R for Read.
    • To jump to the beginning of an application you can now press Caps + Home and to jump to the end of an application you can press Caps + End.
    • The read window command, Caps + W also had some improvements in this release. Caps + W will now read both the controls in the window and the text.
  • Narrator Getting Started User Guide: There is now a button in the main Narrator UI to the Narrator User Guide located here, where you can find more information about scan mode and all of the Scan Mode commands.

Braille improvements: Narrator users can type and read using different braille translations, choose a blinking cursor representation, and choose the duration of “flash messages”. You can also now perform braille input for app shortcuts and modifier keys, which enables you to use your braille display for common tasks such as:

  • Pressing the Tab key
  • Pressing the Escape key
  • Pressing the Windows key
  • Pressing sequences like Win + U to open Ease of Access Settings
  • Pressing sequences like Alt + F to open the file menu
  • Pressing sequences like Ctrl + S to save
  • Pressing sequences like Ctrl + Alt + N
  • Using first letter navigation in lists
  • And more!

For the app shortcuts, there are also new commands to perform that input. Here’s a list of example commands (Braille dots = Keyboard input):

  • Space + dot4 + dot5 = Tab key (Tab key)
  • Space + dot1 + dot2 = Shift + Tab key (Set skipping of blank braille windows on/off)
  • Space + dot2 + dot3 + dot4 + dot5 = Alt + Tab key (Set track screen cursor on/off)
  • Space + dot2 + dot4 + dot5 + dot6 = Windows key (Set sliding braille windows on/off)
  • Space + dot1 + dot2 + dot3 + dot5 = Windows + Tab key (Set autorepeat on/off)
  • Space + Routing Key 1 – 12 = F1 – F12 keys
  • Dot7 = Backspace key
  • Dot8 = Enter key
  • Space + dot2 + dot6 = Escape key
  • Space + dot3 = Cursor left key
  • Space + dot6 = Cursor right key
  • Space + dot1 = Cursor up key
  • Space + dot4 = Cursor down key
  • Space + dot2 + dot3 = Page up key
  • Space + dot5 + dot6 = Page down key
  • Space + dot2 = Home key
  • Space + dot5 = End key
  • Space + dot3 + dot5 = Insert key
  • Space + dot2 + dot5 + dot6 = Delete key

Inject and hold one or more modifier keys followed by another letter or key:

  • Space + dot8 + dot1 = Hold Windows key
  • Space + dot8 + dot2 = Hold Alt key
  • Space + dot8 + dot3 = Hold Ctrl key
  • Space + dot8 + dot4 = Hold Shift key
  • Space + dot8 + dot5 = Hold AltGr key
  • Space + dot8 + dot6 = Hold Caps Lock key
  • Space + dot8 + dot7 = Un-hold all modifiers

Introducing Color filters: Windows 10 now includes color filters at the system level, including filters designed to make it easier for people with color blindness to differentiate between colors like red and green and to make it easier for people with light sensitivity to create and consume content. You can find these new filtering options under Settings > Ease of Access > Color and High Contrast” (previously called High Contrast Settings).

Windows 10 now includes color filters at the system level, including filters designed to make it easier for people with color blindness to differentiate between colors.

Magnifier UI improvements: We’ve updated the Magnifier zoom in and out buttons to have a more modern style.

Note: You’ll notice a new “Enable bitmap smoothing” option in Magnifier Settings. This feature isn’t functioning yet, but we’ll let you know when it is.

Font Improvements

Please welcome UD Digital Kyokasho-tai to our Windows font family in Japan! We’ve been listening carefully to your feedback, and starting with Build 16215, we have a new inbox font when you install Windows 10 in Japanese. This font maintains the feel of handwriting – the shapes of tear drops and sweeps – by carefully controlling the weight of the strokes, while also leveraging designs that address concerns for those with low vision or dyslexia. Our research shows that the font increases readability of textbook content. Please try typing a few phrases using this font and let us know what you think!

Please welcome UD Digital Kyokasho-tai to our Windows font family in Japan!

 Japanese Input Method Editor (IME) Improvements:

More contextual predictive candidates: Predictive candidates are now more contextual than with the Creators Update so you can smoothly input your desired text

More contextual predictive candidates.

The predictive candidate window is now suppressed in search boxes: The IME predictive candidate window will be hidden when you are typing in search boxes such as Bing search or the Microsoft Edge address bar, where suggestions are already shown from the app or service.

• The predictive candidate window is now suppressed in search boxes.

Improved reliability and several bug fixes: Please try out the experience in this build and let us know if it’s improved for you. Includes fixing an issue where the IME Pad and the Japanese IME User Dictionary Tool weren’t launching when focus was set to input fields in Microsoft Edge.

Traditional Chinese Input Method Editor (IME) Improvements:

  • Improved Bopomofo IME learning: We’ve modified the Bopomofo IME to make it learn which candidates were selected and adjust the suggested candidates based on the ones you pick more frequently.
  • Improved IME mode handling:
    • We’ve modified the behavior of input mode for the Bopomofo IME to now respect your preferred default mode in settings when switching to this IME from other traditional Chinese IMEs.
    • When the Bopomofo IME is turned off (either intentionally or accidentally), it is now possible to toggle the IME back on by pressing shift key, or clicking on the mode icon in the language bar.
  • We’ve addressed the issue where the Traditional Chinese ChangJie and Quick IMEs would enter into full width for alphanumeric characters, despite preferred default mode being configured to “Chinese”.
  • Improved reliability and bug fixes including:
    • We fixed an issue from recent flights where moving focus away from the Microsoft Edge window while the Bopomofo IME was the active input method would result in the window becoming unresponsive.

Changes, improvements, and fixes for PC

  • Language Packs via Settings > Time & language > Region & language are available again starting with this build.
  • The issue causing updating to the latest builds to get stuck at 12% should be fixed. If you still hit this, please send us feedback in Feedback Hub so the team can investigate.
  • We fixed the issue causing you to be unable to type in your password to log in to any UWP apps such as Netflix, Twitter, Facebook, Instagram or Messenger apps.
  • We fixed the issue causing Outlook 2016 to hang on launch due to an issue where the spam filter gets stuck reading the Outlook Data File and the UI waits indefinitely for it to return.
  • We fixed an issue from the previous flight where Microsoft Edge would crash when enabling or disabling extensions.
  • We’ve removed the power option to “update and shutdown” for now as it wasn’t working.
  • You may see Recovery Drive tool show up under “Recently added” on Start after updating to this build. We have made a change that makes the tool, previously only accessible via Control Panel, to now be available in the Windows Administrative Tools folder in Start.
  • We fixed an issue where an unexpected Wireless Display Media Viewer app with a blank icon was visible in Start after upgrading on certain devices.
  • We’ve made some improvements to our facial recognition, along with a new toast you’ll see prompting you to further train Windows Hello if having issues signing in when a large amount of backlighting detected.
  • We fixed an issue resulting in Windows Hello Face failing to work on the previous flight for a large number of non-English languages.
  • We fixed an issue resulting in games such as Civilization VI, Galactic Civilizations III, and Expeditions: Viking failing to launch on recent builds.
  • We fixed an issue where inbox UWP app icons were overscaled in Cortana search results.
  • We’ve heard your feedback, and have adjusted the text in our prompt to initiate cross device notifications from saying “Trust this PC?” to now say “You got a message on your phone. Want to see phone messages on this PC too?”.
  • We fixed the issue causing some people to hit Error 0x8000ffff while trying to launch an isolated Edge session in Windows Defender Application Guard.

Known issues for PC

  • Features that are delivered on-demand from Windows Update such as Developer Mode, .NET 3.5, and Speech Packs will not be available for this build. If you are a developer and require Developer Mode – please ensure it is enabled BEFORE taking this build. 
  • On some PCs with enterprise configurations, you may not be able to open PDFs in Microsoft Edge on this build. As a workaround, you can download PDFs and open them with a third party reader or the Reader app from the Windows Store.
  • Microsoft Edge may load web pages at the wrong scale factor (highly zoomed in) on some devices with high density displays. As a workaround. switching to another tab and back should resolve this problem.
  • Some PDFs may open in a cropped view (zoomed in) in Microsoft Edge, and part of the content may be inaccessible to the user. Additionally, input to these PDFs may be offset to the wrong location on screen. As a workaround, you can download PDFs and open them with a third party reader or the Reader app from the Windows Store.
  • After upgrading, inbox apps that are the same version on the downlevel OS and uplevel OS will disappear from Start. If you are impacted by this, please go to Settings > Apps > Apps & Features, select the impacted app, tap “advanced options”, click reset, and that should fix it.
  • We’ve made a fix to address your feedback that PDFs aren’t opening in Microsoft Edge. This will resolve the issue for most Insiders, however we’re still investigating one issue specific to those with Windows Information Protection (EDP) enabled. We’re working to address this as soon as possible in an upcoming flight.
  • New Windows Mixed Reality developers need to install build 16193 or the Windows 10 Creators Update (Build 14939), plug in the Windows Mixed Reality headset and set up Mixed Reality, then upgrade to the latest FAST build for the best development experience. If you update to Build 16215 without setting up Mixed Reality, you will not be able to download Mixed Reality software.
  • You will end up with multiple copies of each printer after upgrading. Only the copy with the highest number will work.
  • Wi-Fi will get turned off on certain devices like the Surface Pro 1 and Surface Pro 2 and some USB devices and won’t work due to a driver issue. To get Wi-Fi working again, you will have to roll-back to the previous build.
  • If you’re using a Chinese IME and try to type in Cortana, it will hang Cortana and not work.
  • Some UWP apps such as Twitter will crash on launch.
  • After updating to this build, Microsoft Text Input Application might appear on your All apps list and when you try to open it, it opens as a blank window.
  • The mini surveys we call SIUFs from Feedback Hub will not work on this build but please send us feedback as you normally would for this build!

Changes, improvements, and fixes for Mobile

  • This build also includes all the improvements from KB4016871 and KB4020102.
  • The copyright date is correctly showing 2017 now under Settings > System > About.
  • We fixed an issue where WhatsApp would not launch after updating to the latest Mobile builds.
  • We fixed an issue with using the Japanese 12 Key soft keyboard where the “right arrow” key did not input a space
  • We fixed an issue with the Bulgarian keyboard localization for the HP Lap Dock in Continuum.
  • We have further improved the reliability of notifications for apps with a paired Bluetooth device, such as Fitbit.
  • Improved the Time & Language settings page UX for Speech and Keyboard language downloads. Previously, the status would show “Downloading” for speech and “Installing” for keyboard. Unless, the user tapped on the language or navigated to the Update & Security settings page, there was no indication that a restart is required to complete the installation. Now when the update reaches the reboot pending state, a “Restart Required” is displayed under the language.
  • We fixed several enterprise device management issues.
  • We fixed an issue where notifications and Cortana’s cross-devices settings on your device were not being mirrored to your PC.

Known issues for Mobile

  • In some cases, the WeChat app may crash on launch.

No downtime for Hustle-As-A-Service,
Dona <3

Read More