@eduardbodak Profile picture

Eduard Bodak

@eduardbodak

→ Designer & Developer. Accessibility. Webflow. CSS. JS. GSAP.

Pinned

⌨ An accessible dialog/modal in @webflow Link in the comments. What makes a Modal accessible? ⬇️ #webflow #webdesign #accessibility #CSS #javascript


I have made 3 Icons for my Portfolio. Strategy, Design & Development. This one stands for Design. Made in Webflow with CSS and GSAP Stagger. #buildinginpublic #Icon #CSS #gsap


I have made 3 Icons for my Portfolio. Strategy, Design & Development. This one stands for Strategy. Made in @webflow with CSS and @greensock Stagger. The pixelated animation from @osmosupply helped me a lot on that. x.com/osmosupply/sta… #buildinginpublic #Icon #CSS #gsap

The thing about cloneables and templates is that they don’t need to be used exactly as shared—they’re a starting point to build on. Our first free resource, a pixelated image reveal effect, might not match your style, so Ilja created a YouTube tutorial to show how to adapt it.



Hero Header Design for invezo (investment tracker). #webdesign

Tweet Image 1

I made over 100 iterations just on the hero design of my Portfolio. 57 of them i have saved for this video. And i don't want to go through all sites and sections.. Every few days i'm like "oh that could be a nicer color", "oh that font would fit better", "or maybe another…


✴️ A @webflow Badge, but in the color of Formburg from @jonasarleth 🌈 Based of the Tutorial from @alex_barashkov #webflow #design

Tweet Image 1

💬 Love the Branding of @OfficelyHQ Made by Lovework Studio. Based on their Branding i made a redesign from the Homepage. I tried to make it more fun. #Webdesign

Tweet Image 1

🪙 Pixel Coin Animation made in @jittervideo #jitter #pixel


📂 A custom widget I’ve added to my homepage to showcase my process, starting with Step 1: The Workshop. This initial session with the client covers essential topics like target audience, competition, content, technical requirements, timeline, brand characteristics, and design…


👨‍💻 I’m working a lot to launch my portfolio website soon! Here’s a sneak peek at the homepage hero design. Can’t wait to bring it to life with animations in @webflow!

Tweet Image 1

💗 Inspired by @stevelauda_'s Heart Rate Widget. But with a Pixel approach. Font is Departure Mono from @minor_axis Colors used from @AlexCristache #MindfulPalettes № 115. The purple color name is Voldemort, so I had to use it! 😄

Tweet Image 1

🔋 Charging Widget for Cybertruck.

Tweet Image 1

⌛ Poster Design inspired by @FonsMans Poster Tutorial in @figma And colors are used from @AlexCristache #MindfulPalettes № 125

Tweet Image 1

Eduard Bodak Reposted

⌨ An accessible dialog/modal in @webflow Link in the comments. What makes a Modal accessible? ⬇️ #webflow #webdesign #accessibility #CSS #javascript


🔋 Some layout ideas and explorations for the Electra website. #Webdesign


✎ Same Animation, with Reduced Motion Off and On – a feature often overlooked. When immersive animations are implemented, a reduced motion variant should also be available for users who prefer reduced animations. You can check it out live: accessible-dialog.webflow.io


United States Trends
Loading...

Something went wrong.


Something went wrong.