pixelkritzel
The blog of developer Timo Zöller

Anima Calculator - a little RPG tool written in React, Mobx-State-Tree and Typescript using Material UI

In the last few days I build a tool for the game master of our Anima RPG round. The anima system tends to be a little bit overcomplicated. So when I told him I was looking for a side project and if he wished for some tool he told me something to track the initiative of characters would be great. In most RPG systems the initiative determines the order in which characters can act in hectic moments like fights. Read more...

Handlebars: Don’t use ES6 arrow functions to define helpers

If you use the IMHO great Handlebars templating library in a real world project you need to write custom Handlebars Helpers. This are functions which return a string and which encapsulate your logic to prevent you and your team to implement business logic in templates. The method Handlebars.registerHelper has a signature which looks like your bread and butter use case for ES6 arrow functions: Handlebars.registerHelper( 'important', (...args) => args.join(this.exclamationMark) )` But an arrow function doesn’t bind this it just inherits it from its defining scope. Read more...

Good looking JSX

A few weeks ago I decided to let Ember.js go. After using it on an on-off base for a year I was just tired of it. And so I’m looking into React.js – the shiny newcomer. I like the principle that React does one thing – managing the view layer of an application. And the one thing I don’t like is this dangling snippet of “HTML” at the end of an object: Read more...

Note to myself: Backbone – expose model cid to attributes object

Sometimes you need the cid of your backbone model in your view. Backbone doesn’t provide it in its attributes property. But you can’t add the ID there manually in the initialize method: App.Model = Backbone.Model.extend({ initialize: function() { this.set('cid', this.cid); } });

Changing Font(-Size) in XCode with less pain

One of the first things you might recognize when you start using XCode is the tiny font in the code editor. If you’re used to a bigger or complete different font, you head over to the Preferences and see a dialog where you habe to change the font by hand for every instance of text. It is worse than Eclipse. But the good news is you have to this only for one instance. Read more...

DOM events on input type=date and type=time

Do you know these days where you want to stop doing frontend coding and do something simple instead like driver programming in Assembler? Today is such a day. And like every other day in the past it is a different implementation of the DOM. For many user interactions you need the user to provide a date or time. And there where a lot of more less good working datepicker. But with rise of mobile it became obvious that a little popup box – with at least 35 little links in it – could be done better. Read more...

pw.pixelkritzel.de – Passwörter zum Vergessen

Wer merkt sich gerne Passwörter? Wer tippt gerne Passwörter ein? Und wer hat für jeden Dienst ein individuelles und sicheres Passwort? Also ich nicht. Und deswegen hatte ich auch ein schlechtes Gewissen. Passwortmanagern traue ich nicht, weniger weil ich befürchte, das sie mich betrügen als eher, dass sie nicht offen sind und ich damit von Software/Dateien abhängig bin, um Inhalte von mir wieder zu erreichen. Und was ist, wenn ich unterwegs mal ein Passwort brauche. Read more...
1 of 1