ALΞX Ishchenko
@alex_ischenko
Believer, WordPress software engineer
You might like
📝 New CSS Article! Do you want to explore the future of CSS? I have prepared a series of articles around Anchor Positioning and Tooltips. The first one is live! frontendmasters.com/blog/perfectly… Don't miss the opportunity to master the CSS skills of tomorrow 🤩
💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! css-tip.com/tooltip-anchor/ No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!
✍️ Solved by Modern CSS: Section Layout A new interactive article about a typical section layout and exploring how to make it more dynamic with modern CSS. Happy reading! ishadeed.com/article/modern…
✨ One line of CSS. Smooth page transitions. No JavaScript. ``` @view-transition { navigation: auto; } ``` The 🆕 CSS View Transitions bring native animations to multi-page apps, no SPA setup needed! Explore now 👇 developer.mozilla.org/en-US/blog/vie…
small details that matter 🧑🍳 use CSS pseudoelements to bridge the :hover gap w/ :has() + inset a:has(+ .dots) a::after, .dots + a::after { position: absolute; content: ''; } a:has(+ .dots) a::after { inset: 0 -50% 0 100%; } .dots + a::after { inset: 0 100% 0 -50%; }
progressive css-only pagination indicators w/ anchor positioning 👨🍳 nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current 🤙
progressive css-only pagination indicators w/ anchor positioning 👨🍳 nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the nav pseudoelements, ::before for intent, ::after for current 🤙
the trick: CSS position: sticky + mix-blend-mode: difference the bonus trick: add an extra layer and chain the blend to block content out 👨🍳
Blend mode is one of my favourite CSS properties 🤌🏻 Using it on my next @framer template to make sure the menu & logo are always visible 👀
want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout
📜 Privacy Policy & your WordPress site: do you really need one in 2025? Short answer: YES — if you're collecting emails, IPs, or running analytics. Great guide by @termageddon on how to stay compliant (without hiring a lawyer): 👉out.crocoblock.com/44FWiC4 #WordPress…
Combining all these interactions - wrap, drop, undo/redo, unfold, drop-back, unwrap... gives me that cozy feeling that things are starting to come together 🥰💖
details truly matter: - select-none for separator and icon - proper context menu for breadcrumb-item and dropdown-item - current item is not clickable - a11y for everything - calculated correct inner radius for dropdown-item
CSS tip: Use the `scroll-margin-top` property to prevent a sticky header from covering up content after clicking on an anchor.
got tired of sketchy youtube downloader sites with 50 popups and a virus on the side. so i built my own: cliply.space download any Youtube video or Audio in any format. trim it exactly how you want. it’s fast. it’s clean. it respects your vibe. free. no ads. no bs.
CSS Tip: Use the columns property to create a masonry layout:
more CSS <table> tricks 👇 highlight the row being edited and blur out the distractions table:focus-within tbody tr:not(:focus-within) { filter: blur(4px) saturate(0.2); opacity: 0.5; } bonus: color-mix for accent coloring 🎨
<table> highlighting with CSS :has() 💡 td:has(~ td:hover), /* previous sibling cells */ table:has(td:nth-of-type(3):hover) /* column cells */ tr:not(:first-of-type):has(~ tr:hover) td:nth-of-type(3) { background: var(--highlighted); }
No speaker? No problem. I built Beatsync — an open-source web audio player for high-precision, multi-device playback. With millisecond accuracy, turn any group of devices into a full surround sound system.
United States Trends
- 1. Good Friday 38.9K posts
- 2. #FinallyOverIt 6,103 posts
- 3. Summer Walker 19K posts
- 4. #FridayVibes 2,987 posts
- 5. Wale 34.8K posts
- 6. Robbed You 4,359 posts
- 7. #MakeOffer 13.6K posts
- 8. #Domain 13.8K posts
- 9. #criticalrolespoilers 4,271 posts
- 10. 5sos 22.9K posts
- 11. Meek 6,043 posts
- 12. Justin Fields 10.2K posts
- 13. Go Girl 26.9K posts
- 14. 1-800 Heartbreak 1,597 posts
- 15. Bihar 304K posts
- 16. Arrest Bill Clinton 5,462 posts
- 17. Alignerz 166K posts
- 18. RIN AOKBAB BEGIN AGAIN 523K posts
- 19. GM CT 21.6K posts
- 20. Disc 2 1,045 posts
Something went wrong.
Something went wrong.