Ivan Bogachev

Texture projection is the one of the most powerful tricks in WebGL. It can be used in different situations. I don’t know why I still haven’t published any pens with it. But today I corrected this mistake. Here are two demos - the first one is for the ordinary texture projection and the second one for the “sticky” projection.

Just another scroll animation. It’s based on this one, but works in the opposite direction. I got the idea from this question. The animation is quite simple, but it can be used in different situations and I think it’s a good idea to save it for the future.

A couple of days ago I received the email with the rules for the #codepenchallenge. I started writing the demo for it, but it was getting bigger and bigger. So I pushed it to GitHub repo instead. This is a WebGL globe with points for all earthquakes with magnitude more than 5 which happened last year. The live demo is here. This is an alpha version, so I recommend to use Google Chrome.

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 question about menu 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.