I don’t use this setup anymore, it might be outdated, proceed with caution.
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…
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.
Jekyll comes with simple pagination which has only
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.
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:
Well I saw pretty nice mockup on Dribbble and decided to make it for fun. It didn’t include mobile/responsive solution, so I came up with my own.
Check the demo.
This is pure CSS solution - it uses
:target selector for changing states. Find more about
:target on MDN. This is neat, as it also can be bookmarked on both states, and browser button work too.
Grab the code on GitHub.
Everything starts with a
Hello World so does this blog.
For the first time everything will be under heavy development, until I get it the way I want.