News, Resources and Articles, Templates about Web-Development

Latest Articles & Tools

A Guide To Self-Hosting Web Apps On Ubuntu Servers
Pure CSS Loader Generator
Resource

Pure CSS Loader Generator

A code generator that helps you to create simple CSS spinners. You can choose between four different types of CSS spinners and customize them by adjusting the settings.

Open Resource

Next.js Web App Template
Template

Next.js Web App Template

A template to quickly set up a web app or SaaS. It includes the basic authentication logic using MongoDB as well as password reset logic with nodemailer.

Open Template

Blur Background CSS Generator
Next.js Micro-blogging Template
Next.js Blog Template
Template

Next.js Blog Template

This is a simple blog template to quickly get started with writing. It has a clean design and provides a lot of flexibility.

Open Template

A guide to debugging JavaScript in Visual Studio Code
Websites For Free Icon Sets
JavaScript Object Functions Cheat Sheet
Responsive Navigation Generator
Getting Started with Serverless AWS (3/3) - Micro Services using Lambda, DynamoDB & API Gateway
Getting Started with Serverless AWS (2/3) - Distribute an S3 Bucket with CloudFront and add a Domain
Getting Started with Serverless AWS (1/3) - Deploying a Static Website to S3
How to craft appealing websites
Article

How to craft appealing websites

When I started developing websites I never knew where to start, when creating a new one. Over time I came up with a process that helped me not only getting started, but also making the websites...

Read more

JavaScript Array Functions Cheat Sheet
Article

JavaScript Array Functions Cheat Sheet

A Cheat Sheet to quickly find all functions that can be executed on a JavaScript Array. It includes a quick explanation, the syntax, an example, and the browser support.

Read more

Creative Hover Effects
Resource

Creative Hover Effects

A collection of six creative hover effects for your inspiration. All of the effects are available on Codepen for easy copy-pasting.

Open Resource

Getting started with React Query - Easy server state management in React
Websites For Inspiration
ArticleUpdated:

Websites For Inspiration

Need some inspiration for your project? With this list of 23 websites, which you can check for inspiration, you'll never run out of ideas for your website again.

Read more

CSS Section Separator Generator
How to speed up kickstarting new projects with Yeoman
How to build a static website without frameworks using npm scripts
Websites For Creative Backgrounds
A Curated List Of Websites For Free SVG Illustrations
Animated CSS Background Generator
Resource

Animated CSS Background Generator

With this tool you can quickly create and customize animated CSS backgrounds for your website. It includes a total of three different pure CSS animated backgrounds.

Open Resource

4 Websites to recreate to practice your web development skills
The best note taking apps for developers
ArticleUpdated:

The best note taking apps for developers

There are tons of note taking apps out there. But which ones are best suitable for developers? In the following I'll introduce three note taking apps for developers with good code support. + Available for: Mac, Windows, Android, iOS + Nice Code editor with a…

Read more

How to toggle an array item with Javascript in React State
Article

How to toggle an array item with Javascript in React State

In this short article I will demonstrate how to write a function to toggle array items with Javascript and inside of React state. First of all let’s have a look how to toggle an array item with Javascript (ES6): This function will get an array and…

Read more

Widget based website with dynamic Vue.js components
Article

Widget based website with dynamic Vue.js components

In this post I will explain how to generate a webpage using dynamic Vue.js components. This could be the foundation of a CMS based on Vue. The finished project can be found here First of all install the vue-cli if you havent already. To do so open…

Read more