Maria Karava - Alkoreiel

So, if you have an education stipend, please do use it to support your favourite dev educators! If you’d like to support my work, you can pick up a copy of my latest course. The full price will be US$649, but it’s on sale until Tuesday for US$389.

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

I made this "ad" for one of Cursor's recent features. It finally solves the terrible problem of knowing CSS.

wantmymtv.vercel.app/player.html

We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉 whimsy.joshwcomeau.com I’m so excited to share all of my animation tools and techniques with y’all. 😄

I really need to update the info in this star-trekkers.webflow.io How was this build in 2022? Where did time go? 🖖

One of my favourite features of the new #webflow interactions is that you can trigger them with custom code! Native @gsap-greensock.bsky.social in Webflow was already powerful, but this unlocks so many doors 🥳

Melting doggy weather

Did you know that Webflow Conf duffle bags can double as pet beds? Me neither! But Edna decided it was time to show me 😍

Webflow x @gsap-greensock.bsky.social Community Challenge 04 rain-around-the-world.webflow.io

Oops!... I did it again! rain-around-the-world.webflow.io Webflow x GSAP #webflow @gsap-greensock.bsky.social

I got an honorable mention y'all! 🎉

I tried my hand on some svg animations with @gsap-greensock.bsky.social + #Webflow. Some planning would have had come handy but still managed to submit to the latest challenge. *self pat on the back* jd-core.webflow.io

That is in fact what this administration has done.

During my livestream yesterday, I talked about Figma Sites for a little bit. I've broken it off into a short, stand-alone video. I don't normally like bashing a company, but when a company of Figma's size makes a product this bad, I think it's important to call them out on it. youtu.be/ZsFIvULxkHI

Price for value even at full price! Don't miss it, especially now that all of GSAP is free (including commercial use)! Also, I don't think there's a better way to test Code Preview in Webflow 🔥 www.creativecodingclub.com/bundles/crea...

Καλό Πάσχα σε όποιο γιορτάζει και καλή χώνεψη σε εμάς τους υπόλοιπους! 😋

💚 Site of the Day - VISUALBUSINESS Federico Valla back with another banger 🔥 Smoooth as butter - as always. ⚙️ SplitText WebGL astro site → vvisual.biz showcase → gsap.com/showcase

Data Binding in Rive is now live for all users. It gives you powerful new ways to design, build, and animate with data — making it easy to ship complex user interfaces without a complicated handoff process.

Awww... Nearing 1000 clones 🥹 Learning is amazing, isn't it? webflow.com/made-in-webf...

The history of reproductive rights in the USA (and how women lost almost all of them) www.breakingthesilence.live

Demented

Not a basketball fan, but damn that's so cool! And inclusive! 😍

So I picked up a new hobby... #ceramics #pottery #alien #noob

Happy National Embroidery Month my friends!

Holy shit!

I checked a couple of development projects I didn't land (I assume I was too expensive) and... Holly fuck! I hope they really paid very little cause they are crap! One is basically broken and the other is section-4 after section-21 after section-8, + responsiveness issues etc 😂

hey cool all my Bad Religion albums came true

• "I put `tabindex` on everything so screen reader users can navigate through everything with their keyboard" • "I put lots of hidden links in the page that you can't see but screen reader users are going to love!" • "I added `h1` in all the major sections of the page so that they are easy to find!"

...

We had a little Winter Shader contest in the GLSL Course, and voted on a winner. 🏆 Winner: Dripping Icicles by barberducky shadertoy.com/view/MX3cRM The winner was this stunning scene of raymarched icicles, complete with melting drips, really awesome work. #threejs #webgl #shaders More details 👇

Footer bounce based on velocity. Morphing SVG paths is such wibbly fun. ⚙️ ScrollTrigger, MorphSVGPlugin docs - gsap.com/docs/v3/Plugins/MorphSVGPlugin/ demo - codepen.io/GreenSock/pen/bGeZvpO

Did you know you can center both vertically and horizontally in CSS now, without Flexbox or Grid? Throw this on your block level element, and it works: align-content: center; justify-items: center; And my trick to remembering it's those properties? It's the ones I never use normally 😆

#CSS text-box a very exciting feature! available in: Chrome 133 & Safari 18.2 My post on Chrome Developers: developer.chrome.com/blog/css-tex... ↪ nerdy.dev/text-box-trim

When you put out enough videos at once that your Discord mods think a bot is broken 😆

1000% yes

Some things I think are cool about this interaction: - It’s powered by one 58.5kb @rive.app file - It’s highly reusable, reveals a Webflow hosted image - It works in Safari! - It works on mobile! - It was built visually, in minutes hmu if you want to create some cool interactive stuff this year 😎

Happy New Year, folks!

Waking up to student feedback like this will make your frozen heart melt! 🥰🥰🥰

Pretty pretty! 💜 www.kioutsioukis.gr

The Mental Gym workout routine Exercise 1: Be curious Exercise 2: Get creative Exercise 3: Be mindful Exercise 4: Get some rest nesslabs.com/mental-gym

💻 Today we have a great tutorial by Dominik Fojcik, where he shows us how to create dreamy, interactive particle effects using Three.js with GPGPU, and post-processing! Read it here: tympanus.net/codrops/?p=8... Check out the demo: tympanus.net/Tutorials/Dr...

Working on something and need a quick color value and you're tired of using the same old ones like `red` or `blue`? Shout out to @miriam.codes for sharing enes.in/sorted-colors/ which has a color slider that gives you the named CSS color values for whatever color you're after.

😍

All the 2024 Rive goodies!