Microsoft Chromium Edge : What it Means for Developers?

Recently at BUILD 2019 (annual conference) held by Microsoft announced a new web browser Microsoft (Chromium) Edge and we have already talked about this in our last blog post, but this article is special for developers. So let’s get started with Microsoft Chromium Edge what it means for developers.

Microsoft Edge (Chromium) Introduction

Microsoft Chromium Edge : What it means for Developers?

New Microsoft Edge is just like Google Chrome but with different features and is build by Microsoft developers, it is an open source project. It was first introduced in December 2018 by Microsoft. It removed around 50 features from google chromium and also integrated edge with Cortana, you can actually try it on your device it is available for Android, Mac, and Windows.

Microsoft has promised that Edge will change the way of surfing the web for everyone.

Read Full : Microsoft Edge Chromium : Before BUILD 2019

Let’s get started with the main features that you are going to like as a developer.

1. CSS prefers-reduced-motion media query

Microsoft Chromium Edge : What it Means for Developers?

Having more animations can affect some people, it can cause dizziness, nausea, and headaches. So for that user, there is setting present for lowering the animations on any website and of course, Microsoft Edge also has these features.

2. CSS caret-color property

Microsoft Edge CSS caret property

The caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. The caret appears in elements such as <input> or those with the contenteditable attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable.

3. 8-digit hex color notation

8-digit hex color notation

There are like 16 million colors and you don’t know the name of the particular color you want, that the reason we named those colors in 8 digit hexadecimal form. Now it also includes alpha transparency value which is supported by Microsoft Chromium edge.

4. Caret Browsing

Microsoft chromium edge caret browsing

People who like to use their keyboard for scrolling, navigating and many more. In caret browsing a moveable cursor is placed on a web page, allowing a user to select and navigate text with just a keyboard. Caret browsing mode will be toggled by an activation key (F7), with a confirmation dialog displayed. The native implementation of this feature will obviate the need to install a browser extension.

5. CSS Shapes and Clip Path

Microsoft Chromium Edge : What it Means for Developers?

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points.

6. Media (Audio/Video Streaming)

Microsoft chromium edge media streaming

Premium media sites use the encrypted media extensions (EME) web standard and digital rights management (DRM) systems to protect streaming media content so that it can only be played by users authorized by the streaming service. Microsoft is helping to use advanced media viewing and to provide the highest level of compatibility.

Recommended : 8 Best Video Streaming Services in India compared

7. Javascript Font Loading API

Javascript font loading API

Many people use JavaScipt font loading API, but CSS which makes your website look amazing can do as CSS has a broadway CSS font loading API can do the same work easily and according to Zach Leatherman “usually inlined in the critical path. The time spent parsing and executing polyfill JavaScript is essentially wasted on browsers that support the native CSS Font Loading API.”

8. HTML module

Microsoft chromium edge HTML module

HTML modules like ES6 Script Modules help developers to componentize their code and create better dependency management systems, the current approach doesn’t help developers who use declarative HTML markup.

This has forced developers to re-write their code to generate markup dynamically.

Microsoft said, “We’ve taken lessons learned from HTML Imports to introduce an extension of the ES6 Script Modules system to include HTML Modules. Considering the early support we’ve received on this feature from standards discussions, we’ve also shared our intent to implement this feature in Chromium.”

Yash Agrawal

Yash has been put on board to help out with the developer friendly content of the latest programming trends and conferences.

You may also like...