Ivan Bogachev

Creative frontend developer



10 PostCSS plugins

10 PostCSS plugins

I used PostCSS for a long time. In the new article I created a compilation of the best PostCSS plugins in my opinion. They can save a lot of time while developing, but I often see programmers that don’t know about them. It’s strange. I wrote this article to show when we can use these plugins and why.

Double helix

Double helix

A few days ago I played with different LESS mixins. It was boring a little and I’ve added some keyframes to my demo and got this nice animation. I made a couple of stupid mistakes in the code. I know. Its performance can be improved. Ana Tudor fixed them and created an alternative version of the animation. It doesn’t work in IE/Edge, but it’s very interesting.

The Pen by Ivan Bogachev (@sfi0zy).

Animations and performance

Animations and performance

The performance is important, but I see a lot of websites with slow and laggy animations. It’s awful. I wrote an article about this problem. I hope my advices and practical examples will help you make your animations better.

Shader materials and postprocessing

Shader materials and postprocessing

I’d like to present my new article about the shader materials and effect composer. In some ways it’s like an additional part to the article about the 3D presentations in Three.js.

The Pen by Ivan Bogachev (@sfi0zy).

Web Standards podcast

Web Standards podcast

A couple of my articles were mentioned in the Web Standards podcast. They are introduction to the shaders programming and the one about svg placeholders. This is nothing, but I’m pleased that my articles are interesting for people.

Introduction to Three.js

Introduction to Three.js

My new article is an introduction to WebGL presentations. We’ll create a nice christmas tree with some popup elements and mouse controls using Three.js.

TechContent challenge

TechContent challenge

I took part in the TechContent challenge. This is a challenge for IT-authors organized by Habr - the biggest Russian platform for blogging. I won an award in the nomination “Programming” with my aricle about WebGL shaders. It’s really cool.

The results of the challenge are published here.

SVG placeholders

SVG placeholders

New article! This time we’ll create some nice SVG placeholders using the Voronoi diagram and triangulation.

Schizotypal disorder

Schizotypal disorder

The article about my illness became very popular. I wasn’t expecting it. In a nutshell, I wrote about my observations, about apathy, emotions, illusions and other strange phenomenons. If you like such inside views, you can take a look.

Voronoi diagram and masks in shaders

Voronoi diagram and masks in shaders

We continue to examine the fragment shaders. The Voronoi diagram, pixelation and masks are on the agenda today.

The Pen by Ivan Bogachev (@sfi0zy).