Ivan Bogachev

Nick Babich writes very interesting articles on UX Planet and usually they include amazing animations. But it seems like they are created using After Effects or similar program. I got the idea from this article and tried to create the animation of the funny face using CSS and JS.

Some of my CSS loaders were showcased at nisnom.com. It’s really nice. Here are three of them, which I don’t share on my website previously. They are simple, but look very attractive. The first one uses gooey SVG filter on seven moving dots, the second is the simple cube with animated backgrounds and the last animation consists of circles which change their sizes like waves.

One of the important tasks in large projects is the documentation and creation of style guides. This process should be automated if it’s possible. Previously I used the grunt-dss plugin, but during migration of the Muilessium to gulp a little problem appeared…

My flamenco guitar method is now available for sale on Editus.ru. It is a book for beginner guitarists which consists of descriptions of the most popular flamenco forms, rhythms and a lot of examples.

When I was a teenager I studied at the art school. Later I’ve changed my interests to the math and programming, but the skills have stayed with me. Sometimes I take a brush or a pencil and draw. I don’t think that my skills are amazing, but I’d like to share some of my paintings here and on my Behance profile.

It was a little challenge for me. I got an example from this question and tried to create my own realization of the idea, but using VanillaJS.

I’ve created a nice animation of arrow consisting of a number of dots. I got the idea for this animation from this question. The component is scalable - all parameters are based on CSS custom properties.

Several years ago I wrote my first renderer of the Mandelbrot set. It was amazing. Infinite patterns, beautiful color schemes… I was impressed. Today I’ve found a number of images from that time and I want to share them here.

Ucavatar has been updated. Now it has improved algorithm of generation, more contrast colors, more different forms. Follow me on GitHub and Codepen to not miss future updates.

This is a nice 404 page with CSS animations. I created it for one of my answers on toster.ru. I was inspired by GIF animation from dribbble, but unfortunately I don’t remember the name of its author. This animation is pretty simple and lightweight - only four circles, twelve numbers and ‘Oops….’ message.