+15  Published on
placeholder Particles and WOW effects - post preview

A lot of people (I mean not regular people, but professional front-end developers) think that animations based on particles are difficult to implement. It’s not true. Every developer with basic skills in JS+canvas can create amazing effects very easily. I wrote an article about these animations.

Read more
Published on
placeholder Text particles #2 - post preview

Previously I created a nice animation for the “404” page. The main idea of the animation was successful and I used it several times with small changes. One of these variants has been published on CodePen and I’d like to share it here too. I fixed the bug with opacity in Safari (it’s like the old IE requires personal approach) and both animations work in all modern browsers now. As always they are free to use.

Read more
Published on
placeholder Infinite tunnel - post preview

A lot of interesting infinite patterns in CSS animations can be obtained from the one idea. This pen is an example of it. The animation consists of two steps with simple transforms. There are no rare properties or magic behavior in the example.

Read more
Published on
placeholder Magic sphere - post preview

SVG paths have an option called stroke-dashoffset and We can animate it. When Chris Coyier posted an article about it, someone said “as always, using properties for effects they were never intended for”. He is absolutely right, but…

Read more
Published on
placeholder Funny face - post preview

Nick Babich writes very interesting articles on UX Planet and usually they include amazing animations. But it seems like they are created using After Effects or similar program. I got the idea from this article and tried to create the animation of the funny face using CSS and JS.

Read more
Published on
placeholder Collection of loaders at nisnom.com - post preview

Some of my CSS loaders were showcased at nisnom.com. It’s really nice. Here are three of them, which I don’t share on my website previously. They are simple, but look very attractive. The first one uses gooey SVG filter on seven moving dots, the second is the simple cube with animated backgrounds and the last animation consists of circles which change their sizes like waves.

Read more
Published on
placeholder DSS plugin for Gulp - post preview

One of the important tasks in large projects is the documentation and creation of style guides. This process should be automated if it’s possible. Previously I used the grunt-dss plugin, but during migration of the Muilessium to gulp a little problem appeared…

Read more
Published on
placeholder Watercolor paintings - post preview

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.

Read more

Projects

placeholder Muilessium preview
13  2  10k+

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

placeholder Ucavatar preview
13  500+

Unique avatars for your users. No dependencies, VanillaJS, 1.6KB gzipped.

placeholder Atlantic-dark scheme preview
4  2 

Dark color scheme for Vim. Mostly blue and green colors.