Eduard Bodak (@eduardbodak) / X

Eduard Bodak

1,609 posts

Eduard Bodak

@eduardbodak

Crafting Websites that Feel Good.

Cologne, Germany

Joined February 2023

Pinned
Eduard Bodak
@eduardbodak
May 5, 2025
My Portfolio is live! At least the first Version. For now only in German. English will be added later. Didn't finished everything I wanted, but this will be a work in progress. Not everything is accessible. Didn't added all @figma Layouts yet. But it's enough to launch it now,
00:00
50K
Eduard Bodak
@eduardbodak
Mar 22, 2025
Recap of building the progress bar in @webflow with CSS, @greensock & Locomotive Scroll v5. 👇🧵
00:00
38K
Eduard Bodak
@eduardbodak
Mar 12, 2025
Added three new buttons to my library among 19 other buttons. Made in @webflow using custom CSS. It's a free cloneable. Link is in the comments.
00:00
38K
Eduard Bodak
@eduardbodak
May 13, 2025
Recap of the highlights from my Portfolio Site. I spent ~572 hours on this site. Made in @webflow with @greensock Sounds like way too much — but I used this project to learn Webflow, GSAP, animation basics, and to get a feeling for web animations. So it happened quite often
00:00
16K
Eduard Bodak
@eduardbodak
Apr 2, 2025
Added the adjustment of the tooltip hover from the footer in dark mode. I'm always trying to use not too many different colors. I see pretty often design systems or styleguide which has over 100 colors and shades. For example something like primary-blue-100, primary-blue-200,
00:00
11K
Eduard Bodak
@eduardbodak
Mar 3, 2025
Building, I call it "content switcher", from the process page in Webflow with custom CSS. When I click on one of the four points, the text at the top should change. Starting with just the hover effect. On hover the item gets an Icon on the left. I'm using here a pseudo class
00:00
14K
Eduard Bodak
@eduardbodak
Apr 17, 2025
Next section on the price page. The cards in a circular order and it's rotating a bit on scroll. Made in Webflow with CSS & Locomotive Scroll v5. I call it wheel for now. This is a deco element, that's why I would use aria-hidden="true" on it, so it's invisible for
00:00
9.6K
Eduard Bodak
@eduardbodak
Mar 28, 2025
Another Friday, another three new buttons to my library among 25 other buttons. Made in @webflow using custom CSS. This time I explored more on pixel styles and the steps() function in CSS. If you have any ideas/designs on new buttons. Feel free to drop a comment about it. I
00:00
16K
Eduard Bodak
@eduardbodak
Mar 21, 2025
Added three new buttons to my library among 22 other buttons. Made in @webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.
00:00
16K
Eduard Bodak
@eduardbodak
Apr 25, 2025
Added another three new buttons to my tiny library among 37 other unique buttons. Made in @webflow with custom CSS. It's a free cloneable. Check it out live! Link is in the comments.
00:00
11K
Eduard Bodak
@eduardbodak
May 17, 2025
Make the Button Feel Right 🧵 I'm building currently a UI library called Tiny Mighty Pieces. And I want to go through every basic element. So I'm breaking it down. State by state. How can a button feel better? How can it adapt easily? How do variants fit in? All those tiny
00:00
13K
Eduard Bodak
@eduardbodak
Apr 18, 2025
Added another three new buttons to my tiny library among 34 other unique buttons. Made in @webflow with custom CSS. It's a free cloneable. Check it out live! Link is in the comments.
00:00
12K
Eduard Bodak
@eduardbodak
Jan 24, 2025
Worked another whole day on those performance issues. Cleaned up more of the animation, so I got from max. ~140MB used to max. ~75MB GPU memory used when I scroll through those cards. I'm using Locomotive Scroll and GSAP. I used ScrollTrigger from GSAP with the scrollProgress
00:00
12K
Eduard Bodak
@eduardbodak
May 11, 2025
Something I wish to see on every Site. The Design behind the Project. All the Iterations. The System if there is one. Added the Figma Link of those stuff on my Portfolio, so potential Clients can directly see what they can expect of my work. The example is my Portfolio Website.
00:00
19K