Ihr Partner in Web-Entwicklung

Innovative Ideen für Ihr Unternehmen

Web-Entwicklung

Egal ob neue Firmen-Webseite, CRM-System oder Spezial-Software. Wir sind ihr Ansprechpartner in Sachen Web-Entwicklung!

Wir erstellen Webseiten und Web-Applikationen nach ihren Wünschen und Anforderungen. Dabei setzen wir stehts auf die neusten Technologie- und Sicherheits-Standards.

Netzwerk Administration

Planung, Aufbau und Administration ihres kleinen bis mittelständigen Firmen-Netzwerkes.

Wir kümmern uns daraum dass es in ihrer Firma läuft. Wir planen, bauen und administrieren ihr Unternehmens-Netzwerk.

Linux Server Management

Aufbau, Instandhaltung und Wartung ihres Linux-Servers.

Wir bieten ihnen einen umfassenden Service für ihren Linux-Server. Wir sorgen dafür, dass alles auf dem neusten Stand ist und ihre Services verlässlich laufen. Dabei achten wir stehts auf die Sicherheit ihres Netzwerkes und ihrer Kunden.

Wer Sind Wir?

Software ist Analyse und Instrospektion. Um einen Prozess zu verstehen, betrachten wir ihn so lange bis wir ihn verstehen. Gute Software erklärt einen Prozess in einfachen Schritten.

Wir bauen Software aus Micro-Services, kleine Komponenten die eine kleine Aufgabe erledigen. Ein Service alleine ist nahezu nutzlos, aber wenn mehrere zusammenfließen - dann können sie komplexe Prozesse abbilden und verwalten.

Viele unserer Services sind Open-Source, so das sie von der Community geprüft und verbessert werden können. Das erlaubt uns transparente und effiziente Arbeit.

Wir ergänzen diese Services dann mit anderen Services die proprietär sind, und das geistige Eigentum ihrer Firma schützen. [Mehr erfahren?]

Wir möchten das unsere Kunden das Gefühl haben das dass was wir tun ganz einfach ist. Dann wissen wir das wir es richtig machen.

César

César

Inhaber & Entwickler

Sebastian

Sebastian

Entwicker

BLOG

Wir nutzen unseren Blog um uns mit anderen Entwicklern auszutauschen. Die Softwareentwickler Community ist global, und selten Deutsch sprechend. Unsere Artikel sind deshalb alle auf Englisch verfasst. Wir laden sie trotzdem ein sich umzuschauen.

Refresh Token Rotation

10/04/2021

Refresh token rotation is a pretty cool concept if you’re planning to implement any kind of oAuth / OIDC application.


: 0 : web development

02/04/2021


: 60 : web developmentsoftware, humor

Export webpack packages as ES5 modules

26/03/2021

Webpack often has powerful, but also non-standard, loaders. So you can load CSS, SASS or HTML right into your applicationpackage. But when you load your package into another, these depending packages cannot work with your non-standard imports.

The alternative is to import an exported module. To do so, you can use webpack (any version after 5.28 should work) and add an export as es6 module.

Here’s an example of how your webpack.config.json would look:

const path = require('path');

module.exports = [
    {
        entry: {...},
        target: "web",
        output: {...},
        module: {...}
    },
    {

        experiments: {
            outputModule: true,
        },
        externals: {
            'libraries-you-use' : 'commonjs2 library-name'
        },
        entry: {...},
        target: "es6",
        output: {
            filename: '[name].node.js',
            chunkFilename: '[name].node.bundle.js',
            path: path.resolve(__dirname, 'dist'),
            libraryTarget: 'module'
        },
        module: {...}
    },
]

I often extract some of the repeating settings as variables, so it gets easier to build a configuration that makes sense.

Also note that the code I ommitted with ... is just ommitted because it stays the same accross my uses.


: 0 : web developmentsoftware, humorjs, webpack, web development

Git: Find the commit that borked your repository

12/03/2021

Sometimes we don’t realize that we introduced a bug during development, or that a change had a side effect that we didn’t expect.

Most of the time, git blame will tell us who is responsible for a certain line of code being added, or a certain change being made. But what if the issue was caused by a side effect? So the issue doesn’t happen where the change was made.

Imagine having an issue because you have a script that in line 50 expects to manipulate a number variable by multiplying it by another number. 20 commits ago, you added a line 30 that overwrites the variable and sets it’s value to a string.

Your code will fail in line 50, because you can’t multiply a string by a number (at least not without causing weird stuff happening). But the issue we introduced was in line 30, so git blame won’t be able to tell you what caused the issue.

This is where git bisect comes into play. This tool performs a binary search for the commit that broke your repository. This is how you best use it:

  1. Write a script outside your repository that triggers the error. This can be a simple bash script, a program, or even a manual process if you can’t or don’t want to automate it.
  2. Run git bisect and pass the hash of the good commit and the hash of a known bad commit.
  3. Git will automatically checkout a commit.
  4. Now execute your test.
  5. Depending on the result execute git bisect good or git bisect bad.
  6. If git has found the bad commit it will print it’s hash and commit message. Otherwise it will jump to step three and repeat.

The binary search approach isn’t specially novell or hard to do manually, but it’s really good at helping you find a bad commit without the need of sifting through the git logs.

Hope this helps, because it certainly helps me.


: 0 : web developmentsoftware, humorjs, webpack, web developmentweb development, git

CSS: Scrollbar-width

05/03/2021

Did you know you can use scrollbar-width in CSS to just indicate how you would like the browser to render your scrollbar?

The property has three different values you can set: auto, thin and none.

The first, auto is the standard setting and allows your browser to select the width it prefers for the scrollbar. The other two are the most interesting ones, for obvious reasons. thin allows you to add scrollbars to smaller elements without taking up too much space.

Specially on windows systems, thick scrollbars are an issue when you have a small container the user can scroll in. They look unwieldy and out of place.

Another very interesting one is none. Up until now, if you wanted a box that would scroll on it’s own, or use the mouse-wheel to do so, you would have to disable scrolling completely and reimplement it in Javascript.

Implementing scroll in JS would usually make it really inconsistent. Many browsers have smooth scrolling now, and mobile browsers have scroll-inertia, which allows you to flick the content.

Now you don’t have to do so any more. Just set the scrollbar-width to none and scrolling will work. It just won’t show the scrollbar.

Please note! This approach isn’t perfect. Not every desktop has a scroll wheel (although that’s becoming really rare), so you need to account for users that can’t scroll without clicking on something.


: 0 : web developmentsoftware, humorjs, webpack, web developmentweb development, gitcss, web development

Kontakt

Wir haben Ihr Interesse geweckt oder Sie möchten uns einfach eine Frage stellen?
Gerne können Sie uns eine E-Mail verfassen oder sich telefonisch bei uns melden.

Wir freuen uns auf Ihre Anfrage!

Magic3W
Pelkovenstr. 148
80992 München