Oleg Lytvyn 🎱

⌨️ Frontend Developer / 📚 Constant Learner

[Anatoli Kopadze @AnatoliKopadze]

This is the best 2 hours on graph engineering ever recorded, Andrew Ng breaking down how to build agentic knowledge graphs from scratch:

9:14 - your first working agent
33:11 - how loops actually work
1:02:46 - turning loops into working graphs
1:30:15 - agents that improve their own code
1:49:05 - a system that runs the whole thing for you

I've seen $500 courses that teach less than this video alone.

Watch it, then take it further with my step-by-step guide on graph engineering below.

[Mahax @Mahaximus_]

Andrej Karpathy:

"Prompting is going away.

Delete everything, keep Graph."

In 1 hour he shows how to build Graphs, and why it's the only thing that will be left standing at the end.

The missing piece most people don't get: LLMs, prompts, agents, they're all steps. Graph is where you end up.

Watch it, then read the full guide on Graphs below.

[Wes Bos @wesbos]

If tokens were free what would you do?

[Matt Pocock @mattpocockuk]

Just saw a comment saying that I've never made a proper overview of EVERY skill in my skills repo

I thought "damn it, he's right".

So, here it is. My 25 skills (now @theo-approved), explained in 10 minutes:

[Oleg Lytvyn 🎱 @IGoCooper]

@moshhamedani was trying to buy your Spring Boot course, there is a PPP price offering discount, but on checkout that seems to be not working, is this a big or offer has just expired?

[balint @BalintFerenczy]

electric border effect based on a design by @speytdesign ⚡️

pulled it off without shaders, only CSS and some animated SVG filters. the trickiest part was getting feTurbulence to animate smoothly.

CodePen link below

[Oleg Lytvyn 🎱 @IGoCooper]

Worst tech support experience ever with @PlayStation. No live chat, or even email to contact a real person. Vicious circle ⭕️ of links all leading to same FAQ which is not helping.

[Drops Bot @etherdrops_bot]

Renaming is just one step in our big growth 🚀

🔥 We shortened the name, making it shorter, clearer and more sounding.

We are now Drops Mini App & Bot - https://t.co/6DRCTaoaPQ

[Oleg Lytvyn 🎱 @IGoCooper]

@namesanas US based only or worldwide?

[Oleg Lytvyn 🎱 @IGoCooper]

@gozkybrain4u Hyper instead of terminal 🤣

[Armedin Kuka @kukaarmedin]

Introducing Reverse UI✨

An animated UI library reverse-engineered from the most beautiful websites on the web. Available in React and Vanilla JavaScript.

Here are some examples ↓

[bolt.new @boltdotnew]

💡CSS techniques: "The Backlight"

Using a blur filter you can create an elegant backlight (or a "smart shadow") effect for your images.

In a pseudo-element:
1⃣ `inherit` a background
2️⃣ blur it
3⃣ put it behind the main element using z-index

Here's how it works:

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Scroll-driven knockout text using SVG filter 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

Animate text scale on a video overlay ✅
Knock out text using SVG filter ✅
Drive with scroll ✅

[Ana Tudor 🐯 @anatudor]

Selective saturation with a bit of SVG filter magic! 🪄

You may have seen this effect - all is black & white in the image save for something in a vibrant colour. We can do it directly in the browser!

Interactive demo on @CodePen https://t.co/upfxiyFB7s

#CodePenChallenge

[jhey ʕ•ᴥ•ʔ @jh3yy]

3D CSS image slider works well on device 🤙

li {
--item-width: clamp(120px, 20vmin, 12rem);
--radius: calc(
(var(--item-width) / sin(var(--inner-angle))) * -1
);
}

It's cool how you can use a clamped value with "calc"

[jhey ʕ•ᴥ•ʔ @jh3yy]

Was looking for a different demo and this one popped up and never shared it 😅

Could be useful for a password reveal or something 🤪

[Oleg Lytvyn 🎱 @IGoCooper]

@wesbos @OkayRene Oh my I’ve been waiting for it so long. Awesome news 👍

[Oleg Lytvyn 🎱 @IGoCooper]

@daniel2color Reading your article about prisma: https://t.co/nxmqZaCG9Q
when I start prisma studio it gives me: "Error in Prisma Client. Unrecognised model" I use default schema which you provided in .solved files. Did something changes since the time article was written?

[Oleg Lytvyn 🎱 @IGoCooper]

@jh3yy @CodePen Amazing could you please provide a little of explanation behind all sin() fn ?

[Matt Pocock @mattpocockuk]

Tired of writing if statements every time you need to check if something's defined?

Make a little 'raise' function to throw an error, and inline it with a nullish coalescing operator.

Thanks to @heyImMapleLeaf for this one.