Author | Lightnews

Nik Lopin @nlopin.bsky.social · 4d

No more infinite lines of shadow

Andrey Sitnik @en.sitnik.ru · 6d

Made a new PostCSS plugin for generating more realistic smooth shadows like on smoothshadows.com

Now designers usually rely on generators, but the resulting code is often hard to maintain.

github.com/postcss/post...

2 2

Reposted by Nik Lopin

Neciu Dan @neciudan.dev · 5d

Check this out if you missed our meetup

ReactJS Barcelona @reactbarcelona.bsky.social · 6d

ReactJS Barcelona meetup replay is live 👇

Dealing with Memory Leaks in Production
Practical Guide to Animation in React -
@krambertech.bsky.social

👀 Real prod leak from Sim Local
👀 CSS → spring motion → view transitions → accessibility

🎥 youtu.be/shg25EFdvlU

Like and Subscribe

ReactJS Barcelona Meetup — Memory Leak Debugging & High-Performance UI Animations

YouTube video by Neciu Dan - The Señor Developer

youtu.be

1 2

Nik Lopin @nlopin.bsky.social · 4d

where is it? I'm curious!

1

Nik Lopin @nlopin.bsky.social · 4d

One thing I wish I'd started doing earlier is writing unit tests. They are pure gold. They are simple. They make me sure about the chunk of code. They don't require AI or complex setup.

They do require splitting things. That's also a feature.

Nik Lopin @nlopin.bsky.social · 7d

I helped my friend to move and got this artifact from 2000s. The basics hasn't changed

Reposted by Nik Lopin

Devon Govett @devongovett.me · 9d

All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.

--tint: green;

Modern CSS is amazing! 😲

Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.

2 17 130

Reposted by Nik Lopin

Christian "Schepp" Schaefer @schepp.dev · 10d

To add to it, there is also the fetchLater API on Chromium browsers which fixes a few (edge) cases where the Beacon API didn't cut it: developer.mozilla.org/de/docs/Web/...

fetchLater() API - Web-APIs | MDN

Die fetchLater() API bietet eine Schnittstelle, um eine verzögerte Abfrage anzufordern, die nach einem bestimmten Zeitraum oder wenn die Seite geschlossen oder navigiert wird, gesendet werden kann.

developer.mozilla.org

1 1

Nik Lopin @nlopin.bsky.social · 10d

they behave the same way. `keepalive` is a recommended alternative if beacon restrictions don't work for you (it sends only POST message)

It is a simple, configuration-free API. That's the advantage

1

Nik Lopin @nlopin.bsky.social · 10d

If you need to send a POST request and you're not interested in the response, consider using Beacon API

It guarantees the request will be sent even if user is closing the page. Useful for analytics, user feedback and other non-critical interactions

developer.mozilla.org/en-US/docs/W...

Navigator: sendBeacon() method - Web APIs | MDN

The navigator.sendBeacon() method asynchronously sends an HTTP POST request containing a small amount of data to a web server.

developer.mozilla.org

2 2 3

Nik Lopin @nlopin.bsky.social · 21d

All the seats are gone in an instant 😳

Nik Lopin @nlopin.bsky.social · Jul 28

Almost everything Bureau does is remarkably comprehensive and well done

I'm not a designer and this book is insane source of knowledge about layouts and typography

On the technical side, it is a book where interactivity plays the leading role in explaining the context

bureau.rocks/projects/boo...

Typography and layout interactive handbook

Practical guide to typography and layout with an emphasis on design for the screen.

bureau.rocks

2 1

Nik Lopin @nlopin.bsky.social · May 2

After last update my @webstorm.jetbrains.com freezes after Mac sleep. I have to kill the app and restart. Am I the only one experiencing it?

I suspect plugins, but not sure how to debug it.
#webstorm

1 2

Reposted by Nik Lopin

Ahmad Shadeed @ishadeed.com · Apr 9

In case you missed it, I published an article about the new attr() in CSS.

ishadeed.com/article/mode...

3 5 34

Nik Lopin @nlopin.bsky.social · Apr 2

It is also quite uncomfortable to see those interaction every time I open a story. I suspect I miss a configuration 🤔

Nik Lopin @nlopin.bsky.social · Apr 2

How do you deal with the fact that `play` function modifies the state of the component and don't reset it?

I test a dropdown. In my play function I click on a dropdown trigger, look for items and check against the expectations. After the test, the dropdown stays open and I have to close it manually

2 1

Nik Lopin @nlopin.bsky.social · Mar 31

The downside of AI code generation is that we generate 10× more code someone need to review without reflecting whether this code is really needed. It is perceived as "free improvement"

1

Reposted by Nik Lopin

Andrey Sitnik @en.sitnik.ru · Mar 16

The correlation between Trump winning the US election and increased visits to european-alternatives.eu, a website listing European services you can use instead of American ones.

1 1 12

Nik Lopin @nlopin.bsky.social · Mar 4

Done! I hope to have some kind of AI included to the All-Tools package. Extra 100€ on top of it will be too much for me

1 1

Nik Lopin @nlopin.bsky.social · Mar 4

After 3 months trial of VSCode and Cursor, I returned back to Webstorm for my daily work.

The UI is nicer and less noisy. The data I need is always one keystroke away and I rarely reach for the touchpad.

1 2

Reposted by Nik Lopin

Ben Holmes @bholmes.dev · Mar 2

💡 Annoyed when your iPhone sends an HEIC file? Macs have a built-in conversion tool called sips:

sips -s format jpeg input.heic --out output.jpg

No need to install image magick even

11 7 110

Nik Lopin @nlopin.bsky.social · Feb 25

1

Reposted by Nik Lopin

Patrick Brosset @patrickbrosset.com · Feb 18

I just made a thing:

A collection of links for web developers to navigate the web platform more easily.

🟢 Places to follow progress and keep track.
🟣 Places to make your voice heard and influence the platform with your use cases.

Navigating the Web Platform Cheatsheet

As a web developer, navigating the web platform isn't always easy. Here are ways to keep track of what you can use, of what's new in web browsers, and ways you can influence the development of the…

buff.ly

1 24 44

Reposted by Nik Lopin

Stefan Judis @stefanjudis.com · Feb 17

The new Web Weekly is out. 🥂

This time, it includes:

- `Number.POSITIVE_INFINITY`
- `console.context()`
- `hidden=”until-found”`
- Customizable scrollbars
- Advanced grid-template-areas
- require(esm) arrived! 🎉

And, of course, Interop 2025. 🫣

Enjoy!

www.stefanjudis.com/blog/web-wee...

Web Weekly 152:

- `Number.POSITIVE_INFINITY`
- `console.context()`
- `hidden=”until-found”`
- Customizable scrollbars
- Advanced grid-template-areas
- require(esm) arrived! 🎉

1 7 38

Nik Lopin @nlopin.bsky.social · Feb 5

Imagining how Josh would sound in Russian:

Научись создавать приятные взаимодействия и милые детали с помощью магии CSS, JavaScript, SVG и Canvas.

Pаскрою тебе все свои трюки и фишечки!

1

Reposted by Nik Lopin

Anthony Fu @antfu.me · Feb 5

New blog post! Let's move to ESM! 😈

👀
antfu.me/posts/move-o...

Move on to ESM-only

Let's move on to ESM-only

antfu.me

27 78 430