When I was a teenager I studied at the art school. Later I’ve changed my interests to the math and programming, but the skills have stayed with me. Sometimes I take a brush or a pencil and draw. I don’t think that my skills are amazing, but I’d like to share some of my paintings here and on my Behance profile.
It was a little challenge for me. I got an example from this question and tried to create my own realization of the idea, but using VanillaJS.
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)!
I’ve created a nice animation of arrow consisting of a number of dots. I got the idea for this animation from this question. The component is scalable - all parameters are based on CSS custom properties.
Several years ago I wrote my first renderer of the Mandelbrot set. It was amazing. Infinite patterns, beautiful color schemes… I was impressed. Today I’ve found a number of images from that time and I want to share them here.
This is a nice 404 page with CSS animations. I created it for one of my answers on toster.ru. I was inspired by GIF animation from dribbble, but unfortunately I don’t remember the name of its author. This animation is pretty simple and lightweight - only four circles, twelve numbers and ‘Oops….’ message.
I’ve written an article on habrahabr.ru about one of my experiments. I created a website that can be viewed using a Google Cardboard (or similar devices). The experiment works only in desktop browsers due to bad support of detection of device orientation in mobile browsers for today, but it can be a starting point for the future experiments.
This is the amazing liquid spinner. Unfortunately, it doesn’t work in IE and Edge browsers because they don’t support SVG filters. This is a very interesting experiment that shows the real power of the SVG on the web.
So.. This is another HTML template created using Muilessium framework. Today it’s a template for the coffee house in Moscow (all names and addresses are random - it’s just a template).
Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.
