Ivan Bogachev

Zen launcher is the apps launcher for Google Chrome. Previously I used another launcher, but it has been hacked recently. So I wrote my own. If you are looking for a simple launcher with open sources - just try it. It’s nice.

HTML template 2.0 released! This is the boilerplate for small projects and experiments. Pug, realFavicon generator, SVG injection, critical CSS, LESS, PostCSS, Babel, ESLint, sourcemaps for styles and scripts, auto-generated docs and BrowserSync. It contains everything you need for a quick start. Enjoy it!

Yesterday I found a video with the very interesting menu concept. It’s from the old version of the URSA Major Supercluster website. The original menu uses canvas and I wanted to create something similar, but without canvas. The demo is for desktops only, but I think it’s easy to create some fallback for the small screens and touch screens.

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 which don’t know about them. It’s strange. I wrote this article to show when we can use these plugins. I think every developer should try to do it.

My name is on the next mission to Mars: NASA’s #Mars2020 Rover.

Muilessium is my pet project. For a long three years I used it for my experiments. I tried different methodologies, different tools and languages. I tested a lot of ideas and got a lot of experience. I was looking for a small, but powerful tool for structuring code in landings, personal websites, blogs and other simple websites. Usually their code is awful. Today I released Muilessium v1.0. I think it can be useful for someone else. Anyway, it’s time to create a stable version and make a little break.

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. It was a Sunday, I wasn’t concentrated and made a couple of stupid mistakes in the code. Its performance can be improved, I know. Ana Tudor fixed them and created an alternative version of the animation. It doesn’t work in IE/Edge, but it’s very interesting. I like it.

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. The full article in Russian is here.

I’d like to present my new article. It’s about shader materials and effect composer in Three.js. These are the two powerful tools for front-end developers which work on the modern websites with WebGL effects. The Habr.com is bilingual now, but this article is still in Russian. I think I’ll translate my articles into English later.

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.