Published on
300 pens on CodePen - post preview

Three years ago I switched to front-end development and started learning HTML and CSS. Up to this day I shared interesting examples on CodePen. Not every day, of course, but often. Several days ago their number reached 300. Looking back, I can say that it was a good time. Painting with CSS, canvas animations and WebGL shaders, SVG hacks… There are no impossible design ideas for me now. I can create everything, it’s only a matter of time. I think it’s a good idea to celebrate this anniversary. Feel free to use my pens - all of them are distributed under the MIT license.

Read more
Published on
Snowfaaall - post preview

I didn’t participate in challenges for programmers for a long time, but yesterday I decided to take part in the current weekly #codepenchallenge. It’s called “B and W and A”. What is the best thing to do with the letter “A”? Of course, construct snowflakes. So, I did it. This pen reminded me of those times when I created things just for fun. It’s easy for me to write examples like this snowfall nowadays, but there were times when I thought that this is kind of magical. Anyway, this animation is nice. Check it out on CodePen!

Read more

Learning WebGL?

Looking for a step-to-step tutorial without mathematics?

Check out my article about WebGL shaders with examples adapted especially for UI developers (in Russian)!

Published on
Texture projection - post preview

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.

Read more
Published on
Earthquakes map - post preview

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.

Read more
Published on
Zen launcher - post preview

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.

Read more
+23  Published on
10 PostCSS plugins - post preview

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.

Read more

Pet projects

Muilessium preview

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.

Promo Core preview

Boilerplate for static promotional websites. Pug, LESS, PostCSS, ES6+, Gulp, Webpack, BrowserSync, ESLint, Stylelint, auto-generated docs...