Oleksii Kalyuzhnyi

Awards winning front-end developer

[Wes Bos @wesbos]

CSS can FINALLY animate height: auto!

[Wes Bos @wesbos]

🔥 3 CSS tips for styling <textarea> you probably didn't know about

[jhey ʕ•ᴥ•ʔ @jh3yy]

Scroll masking with CSS scroll animation as a progressive enhancement ⭐️

.scroller {
animation: mask-up;
animation-timeline: scroll(self);
animation-range: 0 1rem;
mask-composite: exclude;
}
@​keyframes mask-up {
to { mask-size: 100% 120px, 100% 100%; }
}

[jhey ʕ•ᴥ•ʔ @jh3yy]

the little details™

Use trigonometric functions in CSS to create a smooth staggered transition delay 🎬

.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}

[𝕭𝖏ø𝖗𝖓 𝕾𝖙𝖆𝖆𝖑 @_nonfigurativ_]

Ok, so a lot of people have been asking me for code/writeup of this so I made a stripped down example (works with an infinite amount of windows) so that you can look at to get the basic gist of it (that's all I have time for now, sorry!).

See below for link to repo + testsite

[𝕭𝖏ø𝖗𝖓 𝕾𝖙𝖆𝖆𝖑 @_nonfigurativ_]

Entangled #fxhash

[Oleksii Kalyuzhnyi @lexxdotcom]

🏆 I am happy to announce that I will be a Judge in the largest IT competition in Europe DEV Challenge. Registration for the 20th season is ongoing.
Do you want to demonstrate your skills in a real battle?
👉 Registration and details: https://t.co/aeXroOfGwc.

[Codrops @codrops]

From the #demo archives: Fullscreen Scrolling Slideshow https://t.co/mHOyPEAxLz #webdev #webdesign #animation #motion #gsap #scroll #frontend #css #javascript #interaction #slideshow #creativecoding #codropsarchives

[CatLocTeam @CatLocTeam]

дивіться, що маємо?!😱😱😱

це кадри з першого епізоду The Wolf Among Us з нашою локалізацією над якою ми зараз працюємо 🥰🥰🥰

поодинокі фрази ще не перекладені, але це ще доробиться

[побег из чаушеску @Other_ti_pidor]

Шановне панство, я ж казав що буду просити гроші (вже тиждень цього не робив)

Для вашої уваги відео, та пряма мова від хлопців:

Шановні Українці, ми підрозділ протиповітряної оборони гостро потребуємо два автомобілі високої прохідності та мікроавтобус щоб ефективно транспортувати мобільні вогневі групи, в нас є зброя в нас є люди але немає найважливішого, мобільності! Просимо вас не бути байдужими та допомогти нам в купівлі цих автівок, щоб ми швидше реагували на сигнали повітряної тривоги! Слава Україні!

Лінк на бОкнот:

https://t.co/z6laPmOl4k

Лайк/ретвіт/кіссс.. і так далі.

[Чорний пастор @Iaroslaav]

Ситуація в магазині:
Я:
– Доброго дня, мені потрібен hmdi кабель.
Продавець:
– Доброго, яка довжина?
Я:
– А які бувають?
Продавець:
– Стандартний півтора метра
Я:
– Гадаю, вистачить, давайте.

Я вдома:
– Блять.

[Zgraya Digital @ZgrayaDigital]

Behold a complete website redesign for @SuperRare_Bears — a place where a picture is worth a thousand words ✨

Tap to see the magic with your own eyes ➡️ https://t.co/k1wKsfzpJG

#behance #webdesign #uiuxdesign

[Zgraya Digital @ZgrayaDigital]

+1 shot for @dribbble

This time a glance at the digital frontline and the project @Boycott_RU — a proof that each of us can make a difference.

Check the shot & website's animated presentation: https://t.co/C07gsWwpf6

More info: https://t.co/LTospbmYFH

#StandWithUkraine

[Zgraya Digital @ZgrayaDigital]

Today, Ukraine is marking the 31st anniversary of our independence.
Thank you to everyone who defends our country. Thank you to everyone who supports.
We stand with you till our victory, our beloved Ukraine! 🇺🇦
#standwithukraine #ukraine #independenceday #ukrainianindependenceday

[Zgraya Digital @ZgrayaDigital]

@Boycott_RU launched a website to inform people what we can do to influence corporations that continue operating in russia & financing #terrorists.

We made the design & copy, while @ralabs_official took over development.

Check out the new website: https://t.co/DnN7eNHsor

[Oleksii Kalyuzhnyi @lexxdotcom]

I'm going to Devs For Ukraine, a free conference to benefit Ukraine with 17 awesome speakers! Will I see you there? https://t.co/2zNKKCrzHe

[Zgraya Digital @ZgrayaDigital]

Not a single client escapes us without an awesome design in their Figma 😌

Just got fresh feedback from one of them, the amazing Ralabs ✨

Read the full version https://t.co/WcVXT1mKOs

#Webdesign #webdevelopment #uiux #clutchreview

[Bear🧪🐻 @SuperRare_Bears]

#SuperRareBears 🐻 we have some exciting news to share👀

We have entered into an official Partnership with multiple award winning @ZgrayaDigital, they are building a brand new website

They have a proven track record building professional websites

https://t.co/YKLEqGTQkS

[Zgraya Digital @ZgrayaDigital]

Recently we had a small catch-up with Anastasia, our HR Generalist.
Follow the link and read the full text: https://t.co/QdmcDtLYD0
#Webdesign #webdevelopment #uiux #hr

[Zgraya Digital @ZgrayaDigital]

💙💛 @IlchukValentin, Zgraya's CEO, on how the war started and continues to rage on in an interview given for the @urichmond newspaper.
Read the full interview:

https://t.co/EBzd2344Tl