JAMstack Apps: Static but Dynamic [State of the Web]

2019-09-06T14:30:36+00:00

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

JAMstack Apps: Static but Dynamic [State of the Web] 2019-09-06T14:30:36+00:00

Houdini and the Future of CSS [State of the Web]

2019-09-09T14:07:56+00:00

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 implementation of CSS features across major brows

Houdini and the Future of CSS [State of the Web] 2019-09-09T14:07:56+00:00

Web Components: Recap and Latest Trends [State of the Web]

2019-09-09T14:07:47+00:00

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.

Web Components: Recap and Latest Trends [State of the Web] 2019-09-09T14:07:47+00:00

State of the Web September 2019: Start here

2019-09-06T14:31:56+00:00

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

State of the Web September 2019: Start here 2019-09-06T14:31:56+00:00

Developer Learnings from Using CosmosDB with .NET Core

2019-07-18T12:15:49+00:00

CosmosDB is a global database in the Azure universe. In this blog I want to look at its different APIs: the SDK, Entity Framework Core and the MongoDB API.

CosmosDB is a global database in the Azure universe. In this blog we’ll look at its different APIs: the SDK, Entity Framework Core and the MongoDB API.

Developer Learnings from Using CosmosDB with .NET Core 2019-07-18T12:15:49+00:00

State of the Web 2019: Start here

2019-04-02T13:37:38+00:00

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

State of the Web 2019: Start here 2019-04-02T13:37:38+00:00

Screenshot Testing mit BackstopJS [State of the Web]

2019-04-02T13:37:47+00:00

In diesem Blog Post gebe ich einen Überblick, wie erste Tests für BackstopJS geschrieben werden. Darüber hinaus erkläre ich, wie man BackstopJS in Docker ausführt, welche Befehle zur Verfügung stehen und wie visuelle Tests in einer Gitlab-Pipeline ausgeführt werden können.

BackstopJS ist ein Testing Tool, das bei Web-Frontends zum Einsatz kommt. Mit seiner Hilfe können schnell und einfach visuelle Regressionstests zu einer bereits beste

Screenshot Testing mit BackstopJS [State of the Web] 2019-04-02T13:37:47+00:00

WebAuthn: Strong Authentication for the Web [State of the Web]

2019-04-02T13:37:55+00:00

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

WebAuthn: Strong Authentication for the Web [State of the Web] 2019-04-02T13:37:55+00:00

Native Browser Dialogs and HTML Dialog Libraries [State of the Web]

2019-04-02T13:38:02+00:00

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

Native Browser Dialogs and HTML Dialog Libraries [State of the Web] 2019-04-02T13:38:02+00:00

CSS Scroll Snap [State of the Web]

2019-04-02T13:38:15+00:00

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

CSS Scroll Snap [State of the Web] 2019-04-02T13:38:15+00:00

Development of an Automated Scraper to Identify Trends in Web Development

2018-10-31T14:02:42+00:00

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

Development of an Automated Scraper to Identify Trends in Web Development 2018-10-31T14:02:42+00:00

CSS Typed Object Model [State of the Web]

2018-08-02T16:38:13+00:00

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

CSS Typed Object Model [State of the Web] 2018-08-02T16:38:13+00:00

Clipboard API [State of the Web]

2018-08-02T16:37:51+00:00

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

Clipboard API [State of the Web] 2018-08-02T16:37:51+00:00

ES2018: What’s new in JavaScript? [State of the Web]

2018-08-02T16:37:15+00:00

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

ES2018: What’s new in JavaScript? [State of the Web] 2018-08-02T16:37:15+00:00

Node.js 10: Should you Upgrade? [State of the Web]

2018-08-02T16:36:04+00:00

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

Node.js 10: Should you Upgrade? [State of the Web] 2018-08-02T16:36:04+00:00
Mehr Beiträge laden