Nik Lopin
@nlopin.bsky.social
19 followers 120 following 14 posts
Design system maker in Factorial HR Love good coffee, high cuisine and cooking 📍 Barcelona, Catalunya
Posts Media Videos Starter Packs
Reposted by Nik Lopin
devongovett.me
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.
nlopin.bsky.social
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
nlopin.bsky.social
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
nlopin.bsky.social
All the seats are gone in an instant 😳
nlopin.bsky.social
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
nlopin.bsky.social
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
Reposted by Nik Lopin
ishadeed.com
In case you missed it, I published an article about the new attr() in CSS.

ishadeed.com/article/mode...
nlopin.bsky.social
It is also quite uncomfortable to see those interaction every time I open a story. I suspect I miss a configuration 🤔
nlopin.bsky.social
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
nlopin.bsky.social
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"
Reposted by Nik Lopin
en.sitnik.ru
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.
nlopin.bsky.social
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
nlopin.bsky.social
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.
Reposted by Nik Lopin
bholmes.dev
💡 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
Reposted by Nik Lopin
patrickbrosset.com
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
Reposted by Nik Lopin
stefanjudis.com
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! 🎉
nlopin.bsky.social
Imagining how Josh would sound in Russian:

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

Pаскрою тебе все свои трюки и фишечки!
Reposted by Nik Lopin
benapatton.com
Alright, officially announcing the Local First Academy first workshop (signup and link to follow)

On Saturday February 15th at 12pm EST, @dolearning.dev and I will be building an app with @anselm.io's @jazz.tools

More details to follow!
Reposted by Nik Lopin
historiesdebcn.bsky.social
#TalDiaComAvui de 1994, un incendi destruïa el Gran Teatre del Liceu. Un edifici marcat per diversos episodis tràgics i que, segons la llegenda, està maleït.

Coneixeu aquesta història?

#FIL 🧵⤵️
nlopin.bsky.social
I have a long-sitting idea to write a similar post about aviation safety. Some day...
en.sitnik.ru
Always a good time to remind of my old article “What I learned as a developer from accidents in space”

evilmartians.com/chronicles/w...
nlopin.bsky.social
Every service work is built on trust and communication. I help my wife to renovate an art space she is opening

Every worker makes mistakes, this is ok. However, not every worker can adequately react and explain the issue. Fewer can propose solutions. The best ones are often good communicators