Microsoft announces the general availability of the WebView2 control that enables you to embed web technologies in your native web applications. The control is based on the new Chromium-based Microsoft Edge web browser and is a successor to the old EdgeHTML based WebView.

Along with this announcement, Microsoft now officially released a forward-compatible WebView2 SDK and a production-ready WebView2 Runtime. For details, continue reading further.

If you have a website/blog, you may have some HTML headings (H1, H2, H3, H4, H5, H6 tags) to decorate the content headers and would like to create easy navigational anchor links, so that, people can easily copy the direct link specific to that heading.

Today, in this blog post, we will learn how easy it is to dynamically generate the links using CSS and jQuery. Continue reading to learn the step-by-step approach.

In HTML, generally we use the following layout display modes: none, block, inline, table and positioned. There exists one layout module, named Flexible Box Layout, which allows you to create a flexible layout and make it as a Wrap Panel.

In this blog post, we will learn about Flex Box Layout and how to use it to create a wrap panel by just using HTML and CSS.

If you want to display more information in a small space of a webpage, you want to use 'Toggle panel'. This way user only have to click on a link or a tab (based on your design) to display the information within that less space. The other pane will collapse automatically to give a toggle effect.

In this tutorial, we will learn how to create the effect in a HTML web page using only CSS. We will not use any JavaScript for this. Continue reading to learn more.