Open in app
Home
Notifications
Lists
Stories

Write
Konstantin Münster
Konstantin Münster

Home

Pinned

How to plan and organize a React project — by building a weather app

Build this beautiful, small weather app and learn how to best plan and organize a React project. A beginner-friendly introduction to thinking in React. In this article, we are going to build a beautiful, simple weather app with React.js. By doing this, we will discover and learn some essential skills: …

Java Script

14 min read

How to plan and organize a React project — by building a weather app
How to plan and organize a React project — by building a weather app

Published in JavaScript in Plain English

·2 days ago

How to Use the New <next/image> Component

Next.js 12.2 includes a totally revised component for image optimization. Let’s see what has changed. — Note: Right now, the newer next/image component is still under development and only available using the experimental flag. With Next.js 10 and the then introduced next/image component, serving images became a lot easier. Image compression, modern image formats, lazy loading - everything just by swapping out the browser default <img…

Web Development

3 min read

How to Use the New <next/image> Component
How to Use the New <next/image> Component

Published in The Startup

·Nov 7, 2020

How to Build a Text Editor Like Notion

Without a doubt, Notion.so is one of my favorite apps when it comes to organizing notes. I love their minimal designed text editor because it focuses your attention on the content — and not on unnecessary UI elements. Yet it provides you a ton of powerful features that lead to…

React

11 min read

How to Build a Text Editor Like Notion
How to Build a Text Editor Like Notion

Published in JavaScript in Plain English

·Oct 31, 2020

How To Find The Caret Inside A Contenteditable Element

Get the cursor coordinates and index position to display interactive UI elements! — Yes, I know… there are certainly more exciting topics to write about than dealing with cursors on a web page. But since I struggled a lot with this issue in my latest project, I decided to share my approach — hoping that it might help one or the other. In…

Java Script

4 min read

How To Find The Caret Inside A Contenteditable Element
How To Find The Caret Inside A Contenteditable Element

Jun 6, 2020

How To Build A Portfolio With Gatsby — From Scratch To Deployment

This article should provide a general understanding of how Gatsby works and how it can be used to create a personal website from scratch. If you are new to Gatsby, this article is for you. I recently published the first iteration of my personal website. Since I haven’t had a…

Programming

13 min read

How To Build A Portfolio With Gatsby — From Scratch To Deployment
How To Build A Portfolio With Gatsby — From Scratch To Deployment

Published in The Startup

·May 5, 2020

What Is Project Fugu — Google’s Initiative To Unlock All Native Device Features For The Web

The web is a great platform. It’s an open-ecosystem that anyone can use and build on. Sometimes, however, it is not possible to build exactly what you want due to missing capabilities. Think about a messaging application that should use the contact list on your smartphone to select friends to…

Project Fugu

5 min read

What Is Project Fugu — Google’s Initiative To Unlock All Native Device Features For The Web
What Is Project Fugu — Google’s Initiative To Unlock All Native Device Features For The Web

Published in The Startup

·Feb 28, 2020

A Case For Progressive Web Apps: Why You Can’t Ignore Them

These days, the discussion about Progressive Web Apps is often primarily focused on whether they will replace native apps or not. And while this might be an interesting topic to talk about, people forget about the first and foremost intent PWAs were built for: Enhancing the web’s user experience. However…

Progressive Web App

3 min read

A Case For Progressive Web Apps: Why You Can’t Ignore Them
A Case For Progressive Web Apps: Why You Can’t Ignore Them

Published in JavaScript in Plain English

·Jan 26, 2020

An Introduction To Service-Worker-Side Templating

Traditionally, platforms like PHP or Ruby on Rails took care of the rendering process server-side. Lately, new frameworks like React or Angular took that process from the server to the client. With service workers, we now have a third place where we can implement a template engine — between client…

Progressive Web App

5 min read

An Introduction To Service-Worker-Side Templating
An Introduction To Service-Worker-Side Templating

Published in The Startup

·Dec 30, 2019

Progressive Web Apps in 2020: Which Challenges to Overcome?

Progressive Web Apps have been hyped for quite a long time. Since the term was coined by Google’s engineer Alex Russell back in 2015, a lot of people referred to it as the future of app development and enumerated its advantages over and over again. But let’s face the truth…

Mobile App Development

11 min read

Progressive Web Apps in 2020: Which Challenges to Overcome?
Progressive Web Apps in 2020: Which Challenges to Overcome?

Published in Level Up Coding

·Dec 23, 2019

How To Add Netlify Redirects To A Gatsby Site

Hosting your Gatsby site with Netlify is a perfect pairing. The whole development workflow gets so smooth using both. However, redirects, for instance, don’t work out of the box yet, or at least not the way you would expect it to work. …

Java Script

4 min read

How To Add Netlify Redirects To A Gatsby Site
How To Add Netlify Redirects To A Gatsby Site
Konstantin Münster

Konstantin Münster

Writing about Web Development and Freelancing. // konstantin.digital

Following
  • Amy J. Ko

    Amy J. Ko

  • Eric Elliott

    Eric Elliott

  • Julie Zhuo

    Julie Zhuo

  • Bertrand Rothen

    Bertrand Rothen

  • Sam McAfee

    Sam McAfee

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable