Ivan Bogachev

Creative frontend developer



Share button concept

Share button concept

I’m still experimenting with SVG filters and I got the “share button” with nice animations and gooey effect.

The Pen by Ivan Bogachev (@sfi0zy).

CSS Images

CSS Images

I wrote an new article. It’s about the creation of the images in CSS. This is a little story about the CSS Quests and the Daily CSS Images challenges.

Gooey Menu

Gooey Menu

Previously I thought that the creation of the gooey elements is a kind of magic… After creating a gooey menu myself I can say that it’s much easier to do than it may look like.

The Pen by Ivan Bogachev (@sfi0zy).

Menu with scroll and hover effects

Menu with scroll and hover effects

I was inspired by a little demo created by Sergey Valiukh for the Tubik Studio and I’ve created this pen. This is a sunny menu for a restaurant with some nice animations in pure CSS.

The Pen by Ivan Bogachev (@sfi0zy).

Managing application state with Vuex

Managing application state with Vuex

I wrote an article about Vuex, a tool for the centralized state management in Vue.js.

Snow from 2007

Snow from 2007

This is an example of usage of the jQuery-Snowfall plugin. I wrote this pen for the one of my answers on Habr Q&A, but it looks so pretty, I can’t not to share it here.

The Pen by Ivan Bogachev (@sfi0zy).

Unique avatars

Unique avatars

This is a simple generator of avatars. I created it for the one of my answers on Habr Q&A.

The Pen by Ivan Bogachev (@sfi0zy).

Magic fire CSS animation

Magic fire CSS animation

Yet another CSS example is here! Originally, I wrote this fire for the quest on CSSQuests, but now it’s available on CodePen too. This is a pure CSS animation, without any JavaScript or SVG.

The Pen by Ivan Bogachev (@sfi0zy).

Pure CSS self portrait animation

Pure CSS self portrait animation

Here is my self portrait with some animations in pure CSS. Without any images, without any SVG elements.

The Pen by Ivan Bogachev (@sfi0zy).

Page refection on the glass

Page refection on the glass

Have you even seen the reflection of the website? I have no idea where it can be used, but the concept itself is quite interesting.

The Pen by Ivan Bogachev (@sfi0zy).