ALΞX Ishchenko

Believer, WordPress software engineer

[ALΞX Ishchenko @alex_ischenko]

@NeverteIImeodd @grok explain this video

[Florian @flornkm]

Tip: prevent scrollbars from re-wrapping text.

Using "scrollbar-gutter: stable" fixes this

[jhey ʕ•ᴥ•ʔ @jh3yy]

reminder: this magnetic nav link effect?
jus' a few lines of css + anchor positioning 🤙

li:has(a:is(:hover, :focus-visible)) { anchor-name: --a; }
ul::before {
position-anchor: --a;
left: anchor(left);
top: anchor(top);
width: anchor-size(width);
}

[Marko Denic @denicmarko]

Instant page loads. No Next.js. No Nuxt. No framework at all. Just one JSON script tag.

The Speculation Rules API lets plain HTML pages prerender the next page before the user even clicks.

[Ali Grids @AliGrids]

use ::before to extend the hit area without affecting layout.. @sorenblank

::before {
content: "";
position: absolute;
inset: -10px 0;
}

[ALΞX Ishchenko @alex_ischenko]

@blankdevwastkn FF

[ALΞX Ishchenko @alex_ischenko]

@CodeWithAmann FireFox

[Uzair Mughal @mughal_x22]

@mosiddiquee So, I also made one a simple one has code snippet at the page , has EQ bars, pulsing orb, counter, spinning arc.

https://t.co/Znf1C6A7kV

[Bharat Kara @KaraBharat]

Clean array diffing in JavaScript using Set methods 👇

#JavaScript

[IP @ipwanciu]

`image-set` should be the first choice when dealing with background images 🤌

One CSS line fixes:
→ 1x/2x and even 3x resolution switching
→ Modern format fallbacks - AVIF, JPEG, WebP

Zero JS. Pure CSS! 💪

✅Widely available since September 2023

[ALΞX Ishchenko @alex_ischenko]

@AliGrids @adsafayet b

[Bharat Kara @KaraBharat]

⚡️ JavaScript: Promise.try()

Wraps any function, sync or async, so errors always end up in .catch() and never crash your code.

See it in action 👇

#JavaScript

[ALΞX Ishchenko @alex_ischenko]

@vxylily Matrix

[Jakub Krehel @jakubkrehel]

I’ve migrated all my projects to `oklch()`. Since it's perceptually uniform, equal value changes look visually consistent, unlike other color models.

You don’t need to manually handpick colors to match. You can just change the values and the model keeps them uniform.

[CSS by T. Afif @ChallengesCss]

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing).

Drag the nodes, and the shortest path will update in real-time!

https://t.co/glUAF5PJti

A demo powered by all the modern CSS features🤩

[jhey ʕ•ᴥ•ʔ @jh3yy]

one way w/ css 🪄

stack an image 2x
filter 1st, unclip 2nd on :hover 🤙

a img { grid-area: 1 / 1; }
img:first-of-type { filter: grayscale(1) invert(1); }
img:last-of-type {
clip-path: circle(0); transition: clip-path;
}
a:hover img:last-of-type { clip-path: circle(100%); }

[ALΞX Ishchenko @alex_ischenko]

@Norma5387953815 1355

[Una 🇺🇦 @Una]

Love this! You can build it quite easily with CSS anchor positioning, now in every browser(!)

Learn how:
https://t.co/YoJvNwbSJG

[Bharat Kara @KaraBharat]

CSS letter-spacing and layered animation. No JavaScript ✨

Code 👇

#CSS

[Josef Bender @josefbender_]

How dit I not know this?

You can use Intl to format currencies!

@JavaScript is just awesome 😎.