We chose some interesting new topics we wanted to dive into and created a compressed, easy-to-read summary with some practical code snippets. To top it off, we discussed the topics in a podcast where you can get additional information about the posts from the authors. We hope you enjoy!

We're developers working on projects with technology we love every day. We must keep an eye on the ever changing web eco system. New tools and libraries popping up every

In 2014 the Fast Identity Online (FIDO) alliance announced the Universal Second Factor (U2F) specification which provides 2FA based on security keys, resistant to phishing, man-in-the-middle attacks (MitM) or stolen passwords. Let's have a look at its current state and browser support for WebAuthn!

Use complex passwords they said! It will be secure they said! This meme may be part of a humoristic view on the harsh reality. According to Google's study 1.9 billion pa

Since the web is evolving and becoming more mature, a new HTML Dialog element is being standardized to meet developers' needs. Today the implementation can be used directly in Chrome already—here's what you need to know.

An HTML dialog is a container for content which overlaps the rest of the site and is in the foreground. From a designer’s perspective a dialog catches the focus

CSS Scroll snapping is a method of defining snap points to tell the browser where it should stop scrolling. The process of snapping to the edge of an element (e.g. section, image, box, etc.) when coming close to it is used in order to achieve optimized scrolling positions and emphasise certain content.

In the past few years a recognizable trend of single page websites emerged (not to be confused with the term ‘single page application’). These sites consist of mainly

As part of my Bachelor's Thesis I implemented a scraper which collects information about websites' HTML, CSS, and JavaScript and checks for Lighthouse KPI. Here's how it works.

TL;DR As part of my Bachelor’s Thesis I implemented a scraper which collects information about websites‘ HTML, CSS, and JavaScript. Furthermore, the Light

With the implementation of CSS Typed Object Model, browsers will provide a more convenient way to access and manipulate style values using JavaScript. Typed JavaScript Objects are returned that allow handling CSS values in a more performant and less error-prone way.

With the implementation of CSS Typed Object Model (Typed OM), browsers will provide a more convenient way to access and manipulate style values using JavaScript. The

The Clipboard API is useful for customizing copy/cut/paste actions in the browser, eg. for reformatting the structure of the copied content, attaching metadata or adding external data to the content, copy/cut/paste on click or explicitly setting the content type. Let's dive in.

Standard web browsers allow developers to use the system clipboard. The Clipboard API is useful for customizing the copy/cut/paste actions. There are multiple scenari

JavaScript has come a long way from its origins in 1995 to the revolution of ES2015. Thanks to Babel we can enjoy the comfort and many features of ES2015 and the following releases in 2016 and 2017—even in outdated browser versions. But that's not the end: ES2018 is here and ES2019 is on its way. Lets take a look!

JavaScript has come a long way from its origins in 1995 to the revolution of ES2015. Thanks to Babel we can enjoy the comfort and many features of ES2015 and the foll

In this part of our State of the Web series we look at Node.js 10, which offers better performance and new language features through an updated version of V8, a promisified file system API and a stable version of the N-API.

The recently released Node.js 10 is the newest version of the popular server-side JavaScript runtime. As with each even numbered Node.js release, this version will ha

TypeScript 2.8 and 2.9 have been released with lots of new features. In this is summary I will be focusing on what I personally find handy and group it by usage. Let's hop right in!

TypeScript 2.8 and 2.9 have been released with lots of new features. In this is summary I will be focusing on what I personally find handy and group it by usage. For

In this new series of articles on the state of the web we select the most interesting new topics we want to dive into and create a compressed, easy-to-read summary with some practical code snippets for you to enjoy!

We're developers working on projects with technology we love every day. We must keep up with the ever-changing web platform, new patterns and libraries popping up. So we

This article describes how WebAssembly can help you accelerating hot code portions of ordinary JavaScript apps with tools available today.

WebAssembly (or wasm for short) is a relatively new way to efficiently execute code in a browser. Since late 2017, it is supported in all modern major browsers (Chrom