Published on
Promo Core - boilerplate for static promotional websites - post preview

Winter is a good time to update the boilerplates. So I started to develop a new boilerplate for promotional websites - Promo Core. It’s similar to html-template, but it’s not based on Muilessium anymore. I already included gulp plugins for generating SVG placeholders and documentation and I think I’ll add more tools to it in the future. The Promo Core is designed for static promotional websites, so there are no SPA frameworks in it by default and some architecture patterns looks too simple, but I use my previous experience and I think that is we need to develop such websites. Maybe I’m wrong. Anyway, the alpha version of the boilerplate is ready and I pushed in to GitHub. Feel free to use it for your projects, and please, open an issue in its repository if you’ll find a bug in it.

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)!

+37  Published on
Golden canon grid - post preview

Today I would like to present my new article about Golden Canon grid. It’s not about the golden ratio, not about the history of book printing, but about websites. The modern CSS gives us a possibility to work with such grids without pain. CSS grid layout is the very powerful tool in this case. I explained how to use it when building promotional websites.

Read more
+14  Published on
Interactive plans - post preview

I answer questions on toster.ru and every week I see questions about interactive maps there. A lot of beginners don’t understand how to create them. So I wrote a tutorial for them. I used SVG, leader-line.js and hammer.js to create an interactive plan with hover effects, arrows and popups. I hope it’ll be helpful.

Read more
  Published on
The pyramid of adaptation - post preview

As you possibly know, I have mental problems. In particular, some my emotions were gone. I must observe other people a lot to copy their behavior and integrate myself into society. I did it for years and I got a system of human behavior in my head. I thought it’s time to make a book about it and the book has been printed. It’s called “The pyramid of adaptation” (“Пирамида адаптации” in Russian). The PDF version of the first edition in Russian will be distributed for free for non-commercial purposes and you can download it here.

Read more
Published on
One background for multiple divs - post preview

I see a lot of frontend developers which are tempted to create monstrous solutions, even if they don’t need to. I’m not sure, if it happens because a lot of people don’t know basic CSS or they think it’s cool to do everything with WebGL, but it happens too often to be a coincidence. Todays demo is pretty simple, but it can show you how to split an image between multiple divs with pure CSS.

Read more
Published on
Naming of the matrices in three.js - post preview

Most of the books on computer graphics include a scheme of the OpenGL/WebGL transformation pipeline. There are four fundamental transforms in it - a model transform, a view transform, a projection transform and a viewport transform. When I started learning three.js I was confused, because it uses several naming conventions at once. It’s really hard to understand who is who, especially for beginner. I painted this diagram to explain to myself what names have matrices in CG theory, what names three.js passes to the shaders and what names we have in javascript for the same matrices. I hope this cheat sheet will be helpful not for me only.

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...