UX & Frontend Blog

3

.

9

.

2019

Neu

Introduction to p5.js

p5.js is a JavaScript library for graphics programming which, at its core, provides a simple API for drawing to an HTML <canvas> element

In the following article, you will get to know its most important functions and features — hopefully providing you with everything you need to start writing your own sketches and continue exploring the many creative applications of this library.

16

.

7

.

2019

Neu

Angular Elements

Schritt-für-Schritt-Anleitung, um eine Angular-Komponente als natives Custom-Element zu exportieren

Seit Angular 6 haben Entwickler die Möglichkeit, Angular-Komponenten als Custom-Elements zu exportieren und sie in Nicht-Angular-Umgebungen zu verwenden. Erfahre, wie Du mit Angular-Elements ein eigenes wiederverwendbares Custom-Element erstellen kannst!

3

.

7

.

2019

Neu

Mathematik trifft Stricken trifft Web-Entwicklung

wunderschöne endlose Linienmuster mittels Truchet Kacheln und React-Hooks

Wenn man nicht immer die gleichen Muster stricken will, dann hilft nur ein Zufallsgenerator. Natürlich muss es aber heutzutage React mit functional Programming sein.

2

.

7

.

2019

Neu

Design Patterns in modern JavaScript development

Thoughts on effective communication in the design of software projects

The goal of this article is to whet your appetite for a somewhat formal representation of knowledge in software development by introducing you to the idea of software design patterns and presenting a couple of patterns which are interesting because they get used considerably in modern JavaScript projects.

16

.

4

.

2019

Neu

One reduce() to rule them all

If there was one data-altering function that every JavaScript developer should learn and embrace, it has to be reduce.

26

.

3

.

2019

Neu

KPI Dashboards with Metabase, Kubernetes and Serverless Sync Scripts

fission to the rescue - serveless deployments with ease

We always wanted our own KPI Dashboards and now there are fancy tools that we can combine to achieve pure awesomeness. From Region maps, Line Charts to Pie Charts - anything the heart desires.

25

.

2

.

2019

Neu

Responsive Font Size mit postcss - weg mit SCSS

Bye Bye npm install libsass c++ node-gyp errors.

Schon lange ist mir SCSS mit node-sass und den c++ bindings ein Dorn im Auge. Bei jedem build des static-site-generators wird libsass compiliert und das schlägt oft mal fehl. Für eine Bootstrap 4 Webseite migrieren wir vonSCSS auf postcss und verwenden die Responsive Font Size library.

29

.

1

.

2019

Neu

How to add protractor tests to your application

Why are end-to-end tests so important?

Browser tests, do you need them? Are unit-tests enough? How can I quickly start testing my application with protractor?

24

.

1

.

2019

Neu

How to play polyrhythms with RxJS

An unorthodox, music related example of reactive programming, with code examples, and a detailed explanation.

28

.

11

.

2018

Neu

Apps, Bugs und Bier: Ein exotisches Usability-Testessen

Selbst einmal Gastgeber beim Usability-Testessen sein! Dieser Entschluss stand nach den positiven Erfahrungen beim Test der von uns entwickelten Wildtier-App schnell fest. Bereits Mitte Oktober war es so weit und unsere heiligen Hallen wurden kurzerhand in einen zwölf Stationen umfassenden Testparcours umgebaut. So viel vorab: Es war aufschlussreich, amüsant und ein wenig exotisch. Was das mit Bugs zu tun hat und warum diese nicht nur nervig, sondern manchmal sogar lecker sein können, erfahrt ihr im Blog-Post.

3

.

7

.

2018

Neu

Usability Testessen mit der Wildtier App

Wie passen Usability Tests und Wildtiere zusammen? Wir berichten über unsere ersten Erfahrungen als Teststation auf dem Usability Testessen.

27

.

2

.

2018

Neu

Angular, RxJS und der Fluxkompensator

Wichtige Kniffe für Reactive Programming mit RxJS

Von ngOnInit und ngOnDestory über Subjects, Observables, flatMap, take, takeUntil bis unsubscribe - heutzutage Angular Apps zu schreiben bedeutet gut mit RxJS und Asynchronität umgehen zu können.

18

.

7

.

2017

Neu

Angular 4 dockerized Unit-Tests mit Karma

Google Chrome 59 die widerspenstige Diva

Haben sie wunderschöne Unit Tests mit Karma.js und Jasmine aber dockerized fliegen eine Million Chrome Exceptions wie "Chrome needs unicorn tears"? Dann ist hier die Lösung!

27

.

6

.

2017

Neu

Jenkins Builds mit node-sass beschleunigen

Es kann nie schnell genug sein!

Müssen Sie auch trotz 64 CPU Cores und 12 Terrabyte Ram im Jenkins Build-Server immer auf langsame Downloads warten obwohl sie schon einen npmjs.com Mirror nutzen? Dann könnten es langsame post-install Downloads wie node-sass binary bindings sein.

30

.

5

.

2017

Neu

JIRA Plugin Entwicklung mit React und AtlasKit

Endlich den alten jQuery Spaghetti Code entsorgen!

Behind the Scenes: Beginn eines kompletten Rewrites des Frontends eines JIRA Plugins mit React und AtlasKit. Nutzung von AtlasKit React Komponenten für einheitliches CI.

11

.

4

.

2017

Neu

Putting in overtime with Elm

Exploring purely functional programming with Elm

We improved our time-tracking system with the functional programming language Elm by visualizing our current overtime.

21

.

3

.

2017

Neu

Bessere Dokumentation mit Slideshow-Infografiken

In sich abgeschlossene animierte SVG-Infografiken

Wie dokumentieren Sie einen oAuth Workflow zwischen ihren Microservices? Weg mit der textlastigen Dokumentation und her mit Slideshow-Infografiken!

14

.

2

.

2017

Neu

Google's Flutter auf dem Prüfstand

Mit Flutter nur 1x coden für Android und iOS

Wir haben das Cross-Platform-Framework Flutter getestet. Das Ziel: Möglichst ohne native Code eine App entwickeln, die auf Android und iOS läuft. Spoiler: Es erwartet dich ein super smoothes Setup aber weit und breit noch niemand der dir bei Problemen helfen könnte...

14

.

12

.

2016

Neu

Saubere CI-Builds mit Jenkins Pipeline Jobs

Schlägt der CI Build fehl? Divide et Impera!

Bringen Sie mit schrittweise gegliederten Jobs Transparenz, Wartbarkeit und Struktur in ihre Continuous Integration Build Chain. Decken Sie Performance-Bottle-Necks in ihrer CI Chain auf.

3

.

11

.

2016

Neu

Automated Testing in Agile Software Projects

End-To-End Testing with codecept.js

Do you work in agile environments and want to improve software quality? I will show you how to write End-To-End tests in the context of agile methodologies.

14

.

9

.

2016

Neu

Zero Config Deployment with Bitbucket Pipelines

Build and Deploy your React Application with ease

Have you ever wanted a Zero Config Build and Deployment Chain for your React Application? Are you tired of always repeating yourself writing deploy scripts? Then prepare yourself to be astonished!

28

.

7

.

2016

Neu

UI Testing Fun in Java Land - Part II - Getting Comfortable

Being on good terms with your Selenium test suite

Having an automated UI test suite is wonderful, but only if the tests are stable enough. So how to deal with the uncertainty of browsers, failure analysis and maintenance? Let's see what's possible!

21

.

7

.

2016

Neu

UI Testing Fun in Java Land - Part I - Getting Started

tricking Selenium to check your website's well-being

UI testing can be fun? Really? Not going to promise anything, but at least here are some things we learned from writing and maintaining user interface tests in Java using a Selenium WebDriver.

11

.

7

.

2016

Neu

Visualization Library D3.js v4 Just Got Released

More functionality and a modularity system

Over the years D3.js became a well known tool to build data driven visualizations. On 28th of June, release 4.0 was announced. So let's see what's new!