Anton Beluzhenko

Pretender with JS developer syndrome

[Хер с горы @tatar_alga]

Дед, ты чего плачешь? Вспомнил что?

[Anton Beluzhenko @antonbhzz]

10x10 for 100 divs challenge https://t.co/1y8y9XujMN via @CodePen

[Anton Beluzhenko @antonbhzz]

@JuanReina Unfortunatelly all the artwork sources were lost, so I don't have anything, sorry.

[Anton Beluzhenko @antonbhzz]

@JuanReina Hi Juan,
Yes I am.

[Anton Beluzhenko @antonbhzz]

An svg loading indicator with stroke-dashoffset animation.

Tip: set the length of an svg path with pathLength attribute to use predictable values for stroke-dasharray and stroke-dashoffset properties.

https://t.co/25tFbFNQjk at @CodePen

[Anton Beluzhenko @antonbhzz]

@BudaPest25 Как сделаешь, не забудь подать заявку в нобелевский комитет)

[Anton Beluzhenko @antonbhzz]

An another pen for @CodePen @vuejs challenge.

Here's a little trick: use nth-child(n):nth-last-child(k) selector to define styles depending on the element's position (n) and the total amount of elements in the container (k).

Check out the example here:
https://t.co/lwLvUI7gWP

[Anton Beluzhenko @antonbhzz]

@luckybusted Thank you :)

[Anton Beluzhenko @antonbhzz]

Although grid-row/column properties aren't animatable, we still can make smooth transitions between the states using JS and a "flip animation" technique.

Check out the example at @CodePen: https://t.co/6IYOPeIDk5

[Anton Beluzhenko @antonbhzz]

@sylvaindess @CodePen Thank you :)

[Anton Beluzhenko @antonbhzz]

CSS vars can be used to store values generated with sass loops for a particular element. Every rectangle has its own variables for rotation and scale, which are calculated in a sass loop and used to animate the element.

https://t.co/EJKTkOGmJM via @CodePen

[Anton Beluzhenko @antonbhzz]

@TillyWittrup Thank you :)

[Anton Beluzhenko @antonbhzz]

There are tabs acting like a stack of cards.
Love this new @vuejs single file component feature at @Codepen

https://t.co/bQOswZ492d

[Anton Beluzhenko @antonbhzz]

Another random pattern with rectangles.

Color theory https://t.co/2iYhSGgEvZ via @CodePen

[Anton Beluzhenko @antonbhzz]

@thecodercoder 0. Put obvious coders jokes everywhere.

[Anton Beluzhenko @antonbhzz]

Just draw a rectangle, rotate, scale, repeat. Also, don't forget to add some weird coloring function and the thing is living on its own now.

Rectangularity https://t.co/CpvRoLm634 via @CodePen

[Anton Beluzhenko @antonbhzz]

Almost a real guitar in your browser?
Not actually, but supposed to be fun anyway
(sorry, the sound doesn't work in Safary and FF).
Guitar, guitar https://t.co/RSN8KxHWl9 via @CodePen

[Помидофель @unsady]

@JavaScriptDaily ... and should not use most of them.

[Anton Beluzhenko @antonbhzz]

What could we do using line-drawing functions only? Almost everything I'd say. Let it be a wave pattern this time. https://t.co/Hay0DLLLK6 via @CodePen

[Anton Beluzhenko @antonbhzz]

A TV from the times when screens weren't flat. Just static images, css and some glsl magic. https://t.co/ZeQ4GwZp6p via @CodePen