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
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
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
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
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
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
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)
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
8. 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.”