Nisit Jiraruwat

Unity Developer,
I like to create games

[Kenney @KenneyNL]

Little Troubles in Spooky Town is out now! ✨ Check out the tiny adventure game I've made during #GirlyGameJam, I hope you'll enjoy it!

https://t.co/p8X7X0n0gp

[Flutter @FlutterDev]

Flutter + A2UI = GenUI 🪄

Why settle for walls of text when you can give agents the power to create their own UI? Learn how to combine A2UI and Flutter in your apps → https://t.co/ZW8Gah6CFj

[Birju Vachhani 💙 @birjuvachhani]

Hey folks,

What are your expectations for @FlutterDev 4.0?

Go…

#flutter #flutterdev

[Adam Argyle @argyleink]

6 #CSS Snippets Every Front-End Developer Should Know In 2025

https://t.co/TWqFhlqco1

[Meng To @MengTo]

I made a design tool. 95% of it was coded by Claude AI.
https://t.co/U4BAWZgj6H

You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web.

10k lines of code. The future is insanely fun.

[jhey ʕ•ᴥ•ʔ @jh3yy]

Directional aware CSS button :hover w/ lh, text-shadow, and linear()

button:has(span:nth-of-type(2):hover) { --y: -1lh; }
button span:first-of-type {
translate: 0 var(--y);
transition: translate .875s var(--spring);
text-shadow: 0 1lh currentColor, 0 -1lh currentColor;
}

[Payload @payloadcms]

Payload + @tailwindcss = magic.

[Unreal Engine @UnrealEngine]

Oops! Some animations went missing from our Game Animation Sample Project🙈 We've fixed it with a hotfix! Update to get all 500+ animations.

Read more: https://t.co/9TgIGkIvXt

[jhey ʕ•ᴥ•ʔ @jh3yy]

3 lines of CSS to make your tooltips/menus stay in view 🤯
(Check it! 👇)

[popover] {
top: anchor(top);
left: anchor(right);
position-try-options: flip-block, flip-inline;
}

Responds to scroll, layout change, etc. Watch the nested menu 👇

Anchor Positioning is coming 🚀

[Kenney @KenneyNL]

Kenney Game Assets All-in-1 has been updated! Adding recent packs and updates like the googly eyes (👀), Castle Kit, Modular Buildings and Input Prompts!

The update is free for everyone that owns All-in-1! ✨

https://t.co/2GabqNlIzb

[Victor @vponamariov]

Friendly reminder: don't use too much technical jargon in your interfaces

[Matt Pocock @mattpocockuk]

gql.tada is just nuts.

Instant type inference from graphql strings. It's like tRPC for GraphQL.

[jhey ʕ•ᴥ•ʔ @jh3yy]

more little details™ 😅

Requests for blurring and icon parallax ✨ Use the same CSS animation-range and animation-timeline whilst introducing a new keyframe

@​keyframes blur { 0% { filter: blur(24px); }}

p.s Added some JavaScript so works elsewhere now 🤙

[jhey ʕ•ᴥ•ʔ @jh3yy]

This kinda sums up better what CSS offset-path gives you 🏎️

A responsive way to animate an element along the perimeter of another 🎬 Use the rect() value to control the inset of that path ✨

And the great thing is, it's responsive 🤙

[Matt Pocock @mattpocockuk]

const type parameters are SUPER powerful for making sure your generic functions infer the right types.

[jhey ʕ•ᴥ•ʔ @jh3yy]

Looking for examples of how much you can push CSS :has()? ✨

tr:has(:checked) ~ tr:has(:hover)
.cell:has(~ .cell:hover)

Grab the table cells in a row before the cell that is hovered in a row that comes after a row that has a checked cell 🫠

[Adam Argyle @argyleink]

5 CSS features for 2024
that every front-end developer should know:

1. :has()
https://t.co/lGoYA04grP

2. subgrid
https://t.co/BDxc8xKXQu

3. nesting
https://t.co/bqP2SbOxBe

4. text-wrap: balance
https://t.co/Ad7LAFEfng

5. container units
https://t.co/QMcMUxZJAA

[jhey ʕ•ᴥ•ʔ @jh3yy]

What if the scrollbar went around the corner? 👀

CSS could do that ✨

[Adam Argyle @argyleink]

🆕 post from me on https://t.co/SAa9fXT5qa:

5 CSS features every front-end dev should know in 2024

https://t.co/Wj99k2rSC2

[Adam Argyle @argyleink]

okLCH multi-hue list

```#css
li {
--_bg: oklch(
calc(75% - calc(var(--i) * 5%))
calc(.2 - calc(var(--i) * .01))
calc(var(--hue) - calc(var(--i) + 5))
);
}
```

Codepen has comments! 👀
https://t.co/qRibvq2fig