The JAMstack is not a new technology stack as the name might imply, but a new architecture for web applications. Instead of rendering a web site dynamically in the browser the JAMstack makes use of JavaScript, APIs, and Markup.

The JAMstack is not a new technology stack as the name might imply, but a new architecture for web applications. Instead of rendering a web site dynamically in the br

Houdini's goal is to enable web developers to extend the capabilities of CSS by providing APIs that make it possible to create custom CSS features and modify the browser rendering pipeline. This article will give you a brief overview of its specifications and goals together with the current state of development.

CSS is the styling language used to define the appearance of web contents. As web developers we rely on the existing

Web Components have been around for some years now. This article recapitulates what this term stands for and provides an overview of the current trends including Web Components Standard and Micro Frontends.

Web Components have been around for some years now. This article recapitulates what this term stands for and provides an overview of the current trends.

In these episode of our State of the Web we'll dive into the topics CSS Houdini, JAMstack and Web Components. Therefor we created a compressed, easy-to-read summary with some practical code snippets. We hope you enjoy!

We’re developers working on projects with technology we love, every day, keeping an eye on the ever-changing web eco system. New tools and libraries pop up ever

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,

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

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