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

What is the point of the website if it kills my laptop?

People need to realize that is not enough to have a nice website with a ton of animations and effects. There is no point having such website if I can’t scroll it, while CPU and coolers go crazy. And I use latest MacBook with maxed hardware. Can’t imagine trying to use those websites on the old machine (or IE8-9).

Get your performance together.

Jekyll "Read more" link

It is nice to use instead of on your Jekyll home page, but then users can’t see if there is more to read until they open the whole post.

To add Read more link, you can use this simple snippet.

{% if post.excerpt != post.content %}
    <a href="{{ site.baseurl }}{{ post.url }}">Read more</a>
{% endif %}

Jekyll and Gulp workflow

2 Comments

Update, November 2017

I don’t use this setup anymore, it might be outdated, proceed with caution.

Original post

As you probably know this blog is powered by Jekyll. It is a really nice platform, but it lacks a few things I’m used to during development. First one is live reload on file changes (and injecting CSS), using SASS, autoprefixer, ES6…

Read more

3D Rotating cubes hover effect

Again, I’ve seen it somewhere on the internet and recreated it. This one uses jQuery, although I plan to rewrite it to vanilla JavaScript.

It switches between two sides of the cube, every time you hover. Depending from which side cursor entered the cube, it will rotate in opposite direction. It is fully responsive, and on touch devices, direction depends of where you tap.

Cube side is a regular div, and you can put any type of content in it.

Demo - 3D Rotating cubes hover effect

Read more

Custom Jekyll pagination

Jekyll comes with simple pagination which has only Newer and Older links. I wanted a little bit more, now pagination shows at least five pages, with current in the middle. On the larger screens there are also first and last page links. Newer and Older links are, of course, still there.

Check the gist with the code.

You can see it at the bottom of this website, or just check the screenshot below:

Custom Jekyll pagination