Hello, I'm Stanko, a software engineer in Belgrade, writing mostly about JavaScript and React.

Latest post

Running Staticman on Heroku

I’m using Staticman as a comment system on this blog. Unfortunately public instance can’t handle all of the requests coming in. That resulted in some readers being unable to post a comment.

That is why I decided to run my own instance on Heroku. It was easy to find this great article describing the process thoroughly. But after following it and deploying Statamic to Heroku, I just couldn’t make it work.

It took me a while until I found another article with a workaround. Long story short, you need to use a specific version instead of the latest one.

In the first article in “Stage 2” in “Step 7” replace this:

git checkout -b production origin/dev

with this:

git checkout -b production 55d1430

That should be it. Now I have my own instance (running on a Heroku’s free tier) and hopefully there will be no further issues with posting comments.

Three web development bookmarklets

Today I want to share three bookmarklets I love to use in development. You can add them to your browser, by creating a new bookmark and entering bookmarklet code instead of URL. I usually keep them in the bookmarks bar to make them easier to find. , will run the code snippet on the page you are currently on.

For each bookmarklet I added a button to try it on this page.

Read more

Xiaomi AirDots review

Two weeks ago I got a pair of cheap Xiaomi’s wireless earphones. This was an experiment to see if I like true wireless concept before buying something more expensive.

Xiaomi AirDots earphones

Read more

CSS only frame animations

I haven’t published anything in a while, which is a shame because I have a couple of good things to write about. That said, today’s post is going to be a short one. I wasn’t sure if theme is interesting enough. But in the end I decided to write it anyway. And it will help me get back in the writing shape.

While setting up a new project on Netlify, I was going through the logs and noticed they are using As far as I know people started using it back in the 80s. text only loader. It is a very simple animation swapping between four text characters (, \, |, /).

Text loader animation

Read more

Accessible range slider

This time I want to share a small range slider (progress bar) I built. Check the demo. Code and documentation are available here.

Range slider screenshot

Same story again, on a React project we needed a media progress bar, and I ended up writing one myself.

Why I didn’t like anything I found? Well, everything I tried was missing one of the things we considered mandatory - good touch support, accessibility (aria attributes, keyboard control), callbacks or easy styling.

Read more