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

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

Hiding body scrollbars using CSS


Let me start with a little disclaimer. Just because you can, doesn’t mean you should use it. Hiding scrollbars can be bad for accessibility and user experience.

But there are rare cases where it makes sense, usually when you have scrolling effects or when modal is opened. So use it wisely.

Check the demo. And find the cross browser code below:

Read more