There isn’t much you can’t do with web technologies nowadays. The web platform has evolved so much that such diverse things as animating elements, playing or recording media, accessing files or storage, intercepting network requests and accessing the cache, making complex CSS layouts, or writing native code are all possible today.
With that much to learn about and use, web developers need a complete suite of tools they can rely on.
Fortunately, Microsoft Edge comes with development tools that make it possible for web developers to be productive with the web features and APIs. No matter what you are doing, there is most likely a dedicated tool that can help you.
The flip side however, is that DevTools tend to be quite complicated. They contain over 30 different tools, and the user interface has grown over time to accommodate them. What’s more, new features are being added all the time in response to the feedback we receive from users.
In this post, we’ll introduce you to new features in the Microsoft Edge DevTools which help make the tools more approachable and personalizable, so you can begin to tackle the challenge of having so many different tools at your disposal. You can also learn more about these features in the video below.
DevTools are rapidly evolving across browsers – to stay up to date with the latest in other browsers, check out my article in Smashing Magazine covering new DevTools features in Microsoft Edge, Google Chrome, Mozilla Firefox, and Safari.
Opening, closing and moving tools
While the DevTools have around 30 separate tools, it’s unlikely that you’ll need access to more than a handful of them at the same time—let alone 30. So having a way to easily open tools when you need them, and close them when you don’t is very important.
At the same time, there might be tools you’ve never used before which could be very handy. If those are closed by default, you might never discover them at all.
We added three small, but very powerful, DevTools features to address this.
Tabs in Microsoft Edge DevTools now have a close button that can be used to hide the ones you don’t need anymore. You can therefore keep a clean and simple user interface, and only have the tools you need right now readily available.
Note that a few tools do not have a close button: Elements, Console and Sources. Those tools are used much more than all the other ones. Web developers need them at all times, and closing them doesn’t make much sense.
There is now a + (plus) button at the end of the tab bar to open any tool not already open.
Previously, in order to discover all the available tool, you had to go in the main menu (…), and then select More tools, or know how to use the command menu to access tools quickly. The + button makes discovering and accessing other tools much easier.
There can be two tab bars in DevTools: one at the top, which is always visible and is where the Elements and Sources panels usually are, and one at the bottom, the Drawer, which can be toggled by pressing Esc on your keyboard. The Console usually lives in the drawer. Both of these tab bars have the + button, so you can open new tools in any of these 2 locations.
Having the drawer open can be very useful when debugging something that requires more than one tool at the same time.
With Microsoft Edge DevTools, you can now move tools between the main area and the drawer by opening the contextual menu (right-click) on the tab you want to move and selecting Move to bottom or Move to top.
Note that if you select the + button in the drawer and choose a tool from the list that is already opened in the main area, then this tool will be moved to the drawer. This is another good way of moving tools around.
Learning about the tools, from within the tools
The + button is great to easily discover new tools you might not have used before. But sometimes, the user interface of a tool can be overwhelming at first glance. It helps to have some documentation available. The Microsoft Edge DevTools documentation can help you there, but is often not at your fingertips when you’re mid-task.
Recently, we added a feature to make contextual learning about a new tool even easier: DevTools Tooltips. The DevTools Tooltips is an overlay that covers the tools and provides contextual documentation about them, with links to learn more.
You can enable the DevTools Tooltips in 3 different ways:
- Go to the Customize and control DevTools button (…) > Help > Toggle the DevTools Tooltips.
- You can also use the Ctrl+Shift+H keyboard shortcut (Cmd+Shift+H on Mac).
- Or use the command menu, and type “tooltips”.
Once enabled, just move your mouse over the highlighted areas to display an information tooltip about this specific area of the tools (you can also use the Tab key to navigate through the tooltips). Some of the tooltips even contain links to the documentation website to find out even more.
Note that you can also go to other panels while the DevTools Tooltips are active. This way, you can navigate DevTools and keep learning about new things without having to turn the feature off and on again every time.
Changing the language
We know that developers can be more productive when their tools match their language preference. Additionally, other Microsoft developer products, including VS Code, can be used in other languages. This is why we made DevTools available in 11 different languages.
By default, DevTools matches the language you choose for the browser UI, but you can independently set it to any of these other languages.
|English||German – Deutsch|
|Chinese (Simplified) – 中文(简体)（简体）||Chinese (Traditional) – 中文(繁體)（繁體）|
|French – Français||Spanish – Español|
|Portuguese – Português||Japanese – 日本語|
|Italian – Italiano||Korean – 한국어|
|Russian – Pусский|
To change the language, navigate to the DevTools settings (using the F1 shortcut or clicking the gear icon in the toolbar) and choose from the Language dropdown list.
After reloading DevTools, its user interface will appear in the language of your choice, making it easier to use the tools. Here is what it looks like in French:
This works great with the DevTools Tooltips feature too, since the contextual documentation is translated as well, as shown in Russian below.
Since we announced the experimental release of the localized DevTools feature in 2020, we’ve continued collaborating with the Lighthouse and Chrome teams at Google through the Chromium project, and the feature is now not only available to all Microsoft Edge users, but also to anyone using DevTools in a Chromium-based browser.
Customizing your color theme
If you use Visual Studio Code (or other text editors and IDEs for that matter), you likely have customized its color theme to something visually pleasing and comfortable to work with for long periods of time.
Until now, the DevTools color theme could only be customized by choosing between its dark or light themes. However now, there are 9 new color themes to choose from. These are the same as the Visual Studio Code pre-installed ones and should therefore be familiar.
Here is the entire list of themes in Microsoft Edge DevTools now:
- Existing themes:
- Chromium Light
- Chromium Dark
- New themes:
- Quiet Light
- Solarized Light
- Solarized Dark
- Kimbie Dark
- Monokai Dimmed
- Tomorrow Night Blue
To choose a new theme, you can go to the Settings (the gear icon in the toolbar) and use the Theme dropdown. You can also use the command menu and type “theme” to see the entire list of available color themes.
Note that if you use the Microsoft Edge Tools for VS Code extension, you might have seen that DevTools isn’t always displayed with the same color theme as the VS Code user interface itself.
Now, thanks to the new color themes in DevTools, this will no longer happen. As of Microsoft Edge 95, the DevTools UI, embedded in VS Code will match the selected color theme.
If you don’t know about this extension, learn more about it here.
User feedback is how we drive priorities for the work happening on Microsoft Edge DevTools. If you have any questions or feedback about these features or others, please send us a few words and screenshots using the the feedback button in DevTools.
Feel free to also ask questions to our team on Twitter by mentioning the @EdgeDevTools account.
– Patrick Brosset, Senior Program Manager, Microsoft Edge
HP launches hybrid-ready Windows 11 PCs and its most thermally advanced gaming laptop
If you’re looking for a Windows 11 PC built for working in a hybrid environment, check out the new HP Spectre x360 13.5-inch 2-in-1 laptop. HP also launched its most thermally advanced gaming laptop ever with the OMEN 16 and debuted its first Victus 15 Laptop for emerging gamers. The HP Spectre x360 PC has…
If you’re looking for a Windows 11 PC built for working in a hybrid environment, check out the new HP Spectre x360 13.5-inch 2-in-1 laptop. HP also launched its most thermally advanced gaming laptop ever with the OMEN 16 and debuted its first Victus 15 Laptop for emerging gamers.
The HP Spectre x360 PC has the latest in audio and visual advancements, as well as a touch display that will be familiar to smartphone users. When your Windows 11 PC comes with a touchscreen, you’ll be able to take notes or sketch with an optional digital pen and use multi-finger gestures, pinch-to-zoom, double tap, and press and hold for quicker navigation – and to create and easily manipulate drawings and other content. The digital pen, touchscreen and voice typing capabilities of Windows 11 make it easier to work the way you prefer with features such as Snap Assist and multiple desktops.
When you collaborate with others or do pitches on-screen, you’ll do it with a 5MP IR intelligent camera for picture-perfect clarity . Backlight Adjustment autocorrects video images in any environment where you may be taking a call , while bi-directional AI noise reduction, directional beamforming mics and quad speakers complete a superior sound experience for your calls and chats on Microsoft Teams.
Engineered on the Intel Evo platform with up to 12th Gen Intel Core Processors , the Spectre x360 is expected to be available May 19 at HP.com for a starting price of $1,249.99. 
HP’s OMEN 16 is the latest addition to the OMEN ecosystem. This Windows 11 PC laptop runs cooler thanks to an added fourth thermal exhaust port and fifth heat pipe, as well as 5% quieter compared to its previous generation, so gamers can stay fully immersed in their favorite titles .
The newest titles come to life with up to an NVIDIA GeForce RTX 3070 Ti Laptop GPU and the latest MAX Q technologies or AMD Ryzen RX 6650M. Clear levels faster than ever with up to an Intel Core i9-12900H series processor or AMD Ryzen 9 6900HX Mobile Processors. Avoid untimely memory bottlenecks with up to 32GB DDR5 4800 MHz and take advantage of speedy access to vital files with up to 2TB PCIe Gen4x4 SSD.
Action on the screen flows across the up to QHD 165Hz IPS panel with 3ms response time and 100% sRGB. Experience low blue light with Eyesafe display certification by TÜVRheinlan and an auto brightness sensor that work to keep eyes fresh while playing for extended periods .
The OMEN 16 is expected to be available by this summer via HP.com and at Best Buy for a starting price of $1199.99. 
If you’re new to gaming, check out the newest addition to HP’s gaming-on-the-go lineup: the Victus 15 Windows 11 laptop. Victus introduces gamers to an accessible but elevated gaming experience built with OMEN’s DNA.
As the second entry in the Victus line of laptops, the Victus 15 features three color options (mica silver, performance blue and ceramic white), all with a standard backlit keyboard printed with the distinctive font found on OMEN devices.
You can multitask between gaming, surfing, editing and more with this 15-inch display. Visuals have never moved quicker with graphics powered by up to an NVIDIA GeForce RTX 3050 Ti Laptop GPU with 2nd generation ray tracing power or AMD Radeon RX 6500M. Gameplay options include up to an Intel Core i7-12700H processor or AMD Ryzen 7 5800H Mobile Processors along with up to 16 GB DDR4-3200 MHz memory.
Wide rear vents add a visual flair on top of enhanced thermal efficiency, bolstered by four-way airflow and a two-heat pipe design to keep things running cool during gameplay.
The Victus 15 is expected to be available by this summer via HP.com and other retailers for a starting price of $799.99. 
 5MP refers to the image sensor active pixels. The actual image capture pixels depend on the app and/or aspect ratio selected.
 Enabled from GlamCam in HP Command Center.
 Select skus qualify as an Intel Evo Platform. Multi-core is designed to improve performance of certain software products. Not all customers or software applications will necessarily benefit from use of this technology. Performance and clock frequency will vary depending on application workload and your hardware and software configurations. Intel’s numbering, branding and/or naming is not a measurement of higher performance.
 Pricing and availability subject to change without notice.
 Based on HP Internal Testing in April 2022 comparison between the new OMEN 16 and 2021 OMEN 16. New OMEN 16 configuration with Intel Core i7-12700H, NVIDIA GeForce RTX 3060, 16GB RAM. 2021 OMEN 16 configuration with Intel Core i7-11800H, NVIDIA GeForce RTX 3060, 16GB RAM. 2022 OMEN 16 balanced mode (CPU 35W+ GPU 80W) 40 dBA; 2021 OMEN 16 balanced mode (CPU 35W+ GPU 80W) 42 dBA.
 Eyesafe Display for Low Blue Light is the Display Compliance Test Specification quality. See https://eyesafe.com for more details.
 Pricing from HP.com, subject to change without notice. Retailer pricing may vary.
Releasing Windows 11 Build 22000.706 to the Release Preview Channel
Hello Windows Insiders, today we’re releasing Windows 11 Build 22000.706 (KB5014019) to Insiders in the Release Preview Channel on Windows 11. This update includes the following improvements: New! We improved the Family Safety verification experience for a child account when you send a request for additional screen time. New! Windows spotlight on the desktop brings…
Hello Windows Insiders, today we’re releasing Windows 11 Build 22000.706 (KB5014019) to Insiders in the Release Preview Channel on Windows 11.
This update includes the following improvements:
- New! We improved the Family Safety verification experience for a child account when you send a request for additional screen time.
- New! Windows spotlight on the desktop brings the world to your desktop with new, daily background pictures. With this feature, new pictures will automatically appear as your desktop background. This feature already exists for the lock screen. You can also find out more information about each background picture on the web. To turn on this feature, go to Settings > Personalization > Background > Personalize your background. Choose Windows spotlight.
- We fixed an issue that causes the Input (TextInputHost.exe) app to stop working.
- We fixed an issue in searchindexer.exe that affects the search for shapes in Microsoft Visio.
- We prevented users from bypassing forced enrollment by disconnecting from the internet when they sign in to Azure Active Directory (AAD).
- We fixed an issue that might run an AnyCPU application as a 32-bit process.
- We fixed an issue that prevents Azure Desired State Configuration (DSC) scenarios that have multiple partial configurations from working as expected.
- We fixed an issue that affects remote procedure calls (RPC) to the Win32_User or Win32_Group WMI class. The domain member that runs the RPC contacts the primary domain controller (PDC). When multiple RPCs occur simultaneously on many domain members, this might overwhelm the PDC.
- We fixed an issue that occurs when adding a trusted user, group, or computer that has a one-way trust in place. The error message, “The object selected doesn’t match the type of destination source” appears.
- We fixed an issue that fails to display the Application Counters section in the performance reports of the Performance Monitor tool.
- We fixed an issue that fails to maintain the display brightness after you change the display mode.
- We fixed an issue that might affect some apps that use d3d9.dll with certain graphics cards and might cause those apps to close unexpectedly.
- We fixed an issue that affects the IE mode window frame.
- We fixed an issue that affects Group Policy templates.
- We fixed an issue that prevents internet shortcuts from updating.
- We fixed an issue that causes some users to see a black screen when they sign in and sign out of Windows.
- We fixed an issue that causes an Input Method Editor (IME) to discard a character if you enter the character while the IME is converting previous text.
- We fixed an issue that affects the Desktop Duplication API, which affects display orientation and causes a black image to appear on the screen.
- We fixed an issue that causes print failures when a low integrity level (LowIL) application prints to a null port.
- We fixed an issue that prevents BitLocker from encrypting when you use the silent encryption option.
- We fixed an issue that leads to a false negative when you run scripts while Windows Defender Application Control (WDAC) is turned on. This might cause AppLocker events 8029, 8028, or 8037 to appear in the log when they should not .
- We fixed an issue that occurs when you apply multiple WDAC policies. Doing that might prevent scripts from running when the policies allow scripts to run.
- We fixed an issue that affects the Trusted Platform Module (TPM) driver, which might increase the system’s startup time.
- We fixed an issue that might cause the Remote Desktop client application to stop working when you end a session.
- We fixed an issue that affects the behavior and shape orientation of a mouse cursor for Microsoft Defender Application Guard (MDAG), Microsoft Office, and Microsoft Edge. This issue occurs when you turn on a virtual graphics processing unit (GPU).
- We fixed an issue that causes Widgets to appear on the wrong monitor when you hover over the Widgets icon on the taskbar.
- We added animation to the Widgets icon when you click or tap the icon and the taskbar is aligned on the left.
- We fixed an issue that affects the rendering of the default Widgets icon on a taskbar that is aligned in the center.
- We fixed an issue that causes blurry app icons in Search results when the display’s dots per inch (dpi) scaling is greater than 100%.
- We fixed an issue that causes file copying to be slower because of a wrong calculation of write buffers within cache manager.
- We fixed an issue that might cause a system to stop responding when a user signs out if Microsoft OneDrive is in use.
- We fixed a known issue that might prevent recovery discs (CD or DVD) from starting if you created them using the Backup and Restore (Windows 7) app in Control Panel. This issue occurs after installing Windows updates released January 11, 2022 or later.
Windows Insider Program Team
3 advantages of composable applications to empower supply chain network innovations
Manufacturing supply chains are experiencing a post-pandemic paradigm shift. As business models evolve to solve market disruptions, such as changing or adding direct-to-consumer (D2C) to a business-to-business (B2B) model, supply chains require agility and innovation to build resiliency and stay ahead of trends. United States D2C e-commerce sales have more than tripled in the past…
Manufacturing supply chains are experiencing a post-pandemic paradigm shift. As business models evolve to solve market disruptions, such as changing or adding direct-to-consumer (D2C) to a business-to-business (B2B) model, supply chains require agility and innovation to build resiliency and stay ahead of trends. United States D2C e-commerce sales have more than tripled in the past six years. 1 The market gained almost $100 billion in about half a decade from 2016 to 2021. It is expected to grow by nearly another $100 billion in the next three years, reaching $212.90 billion by 2024.1 With added supply chain complexities, including D2C, B2B, and advanced last-mile delivery bots, drones, and self-driving vehicles, manufacturers need strategies that go beyond cost reduction and can easily scale across the network. Supply chain networks able to scale their ecosystems will gain a competitive advantage, and the intelligent solutions to achieve this are composable and modular business applications.
Composable business applications are cloud-based technologies that provide unlimited scalability. They seamlessly integrate with other applications and are easy to use through a low-code or no-code interface. This composability allows organizations to combine different modular applications in an incremental and agile way through rapid sprints instead of embarking on time-consuming and costly rip-and-replace projects. Therefore, reach faster impact regardless of where manufacturers might be in their digital supply chain transformation journey.
The effectiveness of organizations’ digital supply chain in orchestrating supplier and fulfillment partnerships to meet anticipated customer demand determines the quality of the customer experience, as outlined in our on-demand webinar: A Smart Approach to Supply Chain Resilience Using Intelligent Order Management, featuring George Lawrie, Forrester Vice President and Principal Analyst.
To summarize, composability makes supply chain network innovation possible, as highlighted in the three advantages below.
1. Modern open platforms pave the way for innovation
Recent years show that siloed data has no place in today’s supply chain network. Traditional networks support predictable environments, which are no longer the case with current market dynamics. From raw material shortages to non-traditional emerging channels, supply chain networks require agility that extends to all stakeholders and foster fluid collaboration.
According to a Forrester report, platforms make it easier to assemble complex technology portfolios across a range of packaging alternatives, leveraging modular components while allowing for customization and custom development.2
Composable and modular business applications seamlessly integrate with existing enterprise systems with modern open platforms and low-code/no-code interfaces. In addition, they support innovative features such as predictive analytics or agile manufacturing for real-time and cross-channel inventory visibility. They also enable manufacturers to enhance network strategies and allow rapid deployment of digital supply chain control towers —another advantage of composability.
2. End-to-end visibility to scale supply chain networks
Improving the customer experience is a top priority for many organizations. However, during the COVID-19 pandemic, we saw customer loyalty easily swayed. This trend gave new brand entrants a foothold into e-commerce and catalyzed many established brands to engage D2C to maintain market share. Similarly, the rise of the omnichannel’s ease of purchasing, delivery, and return options has set high customer expectations and introduced new buying behaviors. These dynamics present significant risks as ongoing supply chain disruptions continue. But extensible composable tools arm the supply chain network with another advantage: the digital control tower with end-to-end visibility to anticipate and mitigate order management turmoil.
According to a Forrester survey, the most common planned improvement (49 percent) retailers and CPG companies are making, is better visibility across the supply chain (from factories to raw materials suppliers).3 Consumer packaged goods (CPG) manufacturers with newly launched D2C business models recognize that complete visibility is essential for favorable customer experiences.
Digital supply chain control towers take real-time data from multiple supply chain network workloads and provide a holistic, multi-dimensional view. The partnership with FedEx and Microsoft Dynamics 365 for the cross-platform, logistics-as-a-service solution for brands exemplifies these capabilities, offering features like a seamless return experience and transportation optimization to proactively avoid delivery delays. Dynamics 365 Intelligent Order Management also allows organizations to set up the first step to incrementally build a composable digital supply chain platform with different module solutions for end-to-end visibility and deliver highly valued unified customer experiences.
3. Composability with AI drives actionable insights
Finally, composable business applications enable optimization at each node level letting manufacturers know where opportunities exist. Composable business applications give manufacturers advantages that are counterintuitive to previous assumptions. Advanced analytics powered by built-in AI and machine learning capabilities allow manufacturers to test hypotheses with predictive data-driven outcomes.
A Forrester survey shows that 56 percent of respondents report that one of the most important aspects of supply chain agility is increasing the use of machine learning and AI to drive process automation.3
An innovative supply chain network leverages composable digital tools with embedded AI and machine learning to improve decision-making, unify disparate data, foresee disruptions, and utilize deeper insights.
To start building composability in your supply chain network watch the video:
Achieve more with agile and resilient supply chains
Dynamics 365 innovates supply chain networks, making them resilient and sustainable through composability. These intelligent solutions work seamlessly with enterprise resource planning (ERP) and customer relationship management (CRM) systems to respond to market dynamics quickly and integrate with many market-leading API-enabled applications. Pre-built connectors extend business capabilities through an ecosystem of specialized partners for order delivery, tax compliance, price calculations, transportation, and other logistics services. Plus, users can easily create rules and quickly configure order flows to adapt to changing market conditions or scale to support peak volume demands with an easy-to-use low-code/no-code interface.
By enabling these capabilities, manufacturers can accelerate the digital transformation of their order management process and turn order fulfillment into a competitive advantage. Users can also automate and optimize fulfillment using AI to create real-time inventory visibility and extend into a digital control tower for end-to-end network visibility.
At Microsoft, we are committed to empowering every person and organization on the planet to achieve more. With our next-generation digital supply chain applications, manufacturers can leverage composability to drive innovation across their supply chain networks. See how they can innovate yours in the on-demand webinar: A Smart Approach to Supply Chain Resilience Using Intelligent Order Management.
3- Forrester, 2021. The Digital Commerce Imperative. A commissioned study conducted by Forrester Consulting on behalf of Microsoft.
Enjoy a warm cup of trends for International Tea Day
ROOKIE Racing and TOM’S SPIRIT Announce Team Setups for Super Taikyu Series Fuji 24 Hours Race | Corporate | Global Newsroom
Protecting Android users from 0-Day attacks
Build a cold start time series forecasting engine using AutoGluon
AWS Local Zones Are Now Open in Las Vegas, New York City, and Portland
Use deep learning frameworks natively in Amazon SageMaker Processing
Amazon3 months ago
Build a cold start time series forecasting engine using AutoGluon
Amazon7 months ago
AWS Local Zones Are Now Open in Las Vegas, New York City, and Portland
Amazon5 months ago
Use deep learning frameworks natively in Amazon SageMaker Processing
Amazon11 months ago
Build accurate ML training datasets using point-in-time queries with Amazon SageMaker Feature Store and Apache Spark