Elektrine
Log in Register
Paige Chat Timeline Gallery Friends Email Drive DNS Private DNS Domains VPN Kairo Nerve
Remote

Johannes Odland

@johannes@front-end.social
mastodon 4.7.3
  • Open on front-end.social

Front-end engineer at NRK.
Been centering elements since 1996.

Pronouns: He/Him. 🏳️‍🌈🏳️‍⚧️

127 Followers
120 Following
30 Posts
Joined November 06, 2022
Stuff:
https://odland.dev
Work:
https://www.nrk.no/forfatter/johannes-odland-18.21019
Open post
Johannes Odland @johannes@front-end.social
· 2mo ago

Every year, we should collect a pot of money and vote for the worst billionaires. We should then award the winners with targeted ads, telling them to do better.

#adsforhumanity

front-end.social
3
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 1mo ago

I’m not so concerned with AI acting against our interests. I’m more concerned with billionaires, trillionaires and powerful organizations acting against our interests.

1
1
0
0
Open post
Johannes Odland @johannes@front-end.social
· 2mo ago

This post by Ollie Williams 🙌

Do we still need build tools? Yes, but hopefully they can be simpler and require less configuration in the future.

https://olliewilliams.xyz/blog/no-build/

olliewilliams.xyz
3
0
1
0
Open post
Johannes Odland @johannes@front-end.social
· 1mo ago

Wouldn't it be great if you could animate and format numbers in CSS? 😅

1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago

Have you ever needed to create a color scheme based on the users current time, or to sync an animation with the current time?

I’ve been mulling about a proposal to add support for this in CSS for a while, but never gotten to the point where it was polished enough for adding.

I finally decided to just add a proposal to get the discussion going.

https://github.com/w3c/csswg-drafts/issues/13655

github.com
10
3
4
0
Open post
Johannes Odland @johannes@front-end.social
· 2mo ago

For our next trick, we’ll bring you angular grid lines ✨

Just kidding, but wouldn’t it be great though?

1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 3mo ago

I can’t help thinking how incredibly lucky we are to exist on this planet that is just a tiny spec in the universe, inhabitable for just a brief moment in time, our existence a mere blip 🌌

And then we are busy with this?
✨pointing at the world✨

1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 3mo ago

Finally figured out how to enable smooth scrolling in @Vivaldi@social.vivaldi.net 🎉

Just go to Settings > Webpages and enable the correct checkbox.

Can't fathom why this is disabled as default though 👀

1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 7mo ago
Replying to
@keithamus@indieweb.social What's My JND? 0.0032
3
3
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago

The CSSWG has resolved that the `(prefers-color-scheme)` media query reflects ``. ✨🎉

Now image and videos elements can load the correct image for the color scheme of the document.

Thanks @joshtumath@mastodon.social et al for helping out with this one 🙌🙏

https://github.com/w3c/csswg-drafts/issues/13377#issuecomment-4166335486

github.com
2
0
1
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to

@scottjehl@mstdn.social Thank you again for all the hard work you’ve put into improving the media elements 🙌✨

What should Squarespace build into browsers next?

Supporting srcset and media queries for video posters would be a great new improvement. It would allow us to load appropriately sized posters, and in the case where we use media queries to deliver art directed videos, we could deliver posters that match.

2
1
0
0
Open post
Johannes Odland @johannes@front-end.social
· 7mo ago
Replying to
@keithamus@indieweb.social Switched screens, and managed to get it down to 0.0026. Maybe I need to clean the screen. Addictive 😅
2
1
0
0
Open post
Johannes Odland @johannes@front-end.social
· 4mo ago

I feel I'm spending more time now
waiting for sites to verify I'm human,
than I ever spent
waiting for images in the 90s 🤯

1
0
2
0
Open post
Johannes Odland @johannes@front-end.social
· 5mo ago
Replying to
@scottjehl@mstdn.social This will be a big improvement! Thank you for all the hard work you’re putting down 🙌
1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@brucelawson I ✨fondly✨ remember replacing our old MDF cabinet, while attempting to leave the sink and plumbing intact. ✨Fun times✨
1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@eeeps 🎉
1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@vasilis @kizu A fellow CSS horologist ✨🤩
1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@keithamus@indieweb.social Down to 0.00057 🎉
1
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 16mo ago
Replying to
@jensimmons@front-end.social I’ve seen some news outlets report on a floating tab/navigation UI. How will that work on pages that are already using that area themselves? The last time floating UI was introduced, it was removed before release 🤔
2
2
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@chriskirknielsen Instantly recognizable.
0
2
0
0
Open post
Johannes Odland @johannes@front-end.social
· 6mo ago
Replying to
@chriskirknielsen Yeah. It’s a good visual representation of how they «look». I’ve never been able to explain it properly. Luckily I don’t experience them as frequently any more.
0
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 5mo ago

We have a strange issue where `height: 100svh` and `height: 100lvh` on a specific page equals the height of the whole screen, excluding navigation.
(iOS Safari 26.3.1).

It only happens every other time we restart the browser though.

Restart the browser and everything is correct. Restart the browser again and the viewport units correspond to the full height of the screen, hiding content under navigation bars. 🤔

Anyone else experiencing the same?

0
2
0
0
Open post
Johannes Odland @johannes@front-end.social
· 4mo ago

Now that we have a standardized URLPattern, I want a declarative way to use it with something like DOM Parts:

```
name="url-pattern"
content="/user/:name">
Hello {{name}}
```

0
0
1
0
Open post
Johannes Odland @johannes@front-end.social
· 2mo ago

I just found out I can build plugins for Fusion using TypeScript. Feels like a new superpower. 🦸🏻

0
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 3mo ago

Have you ever used JS to support "click and drag to scroll"? Do you think this should be supported natively by the web platform?

Then you should go and give this issue a thumbs up:

https://github.com/w3c/pointerevents/issues/512

github.com
0
0
2
0
Open post
Johannes Odland @johannes@front-end.social
· 3mo ago

Got tickets to Beyond Tellerand next year on a whim. Anyone else going?

0
1
0
0
Open post
Johannes Odland @johannes@front-end.social
· 2mo ago
Replying to
@igalia@floss.social wohoo 🥳 I’ve been dreaming of getting an update on LBSE. Looking forward to reading what’s going on in that space.
0
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 3mo ago
Replying to
@nyquildotorg@gts.nyquil.org Had to double check, cause there’s no way I would allow telemetry.. and sure, both are turned off.
0
0
0
0
Open post
Johannes Odland @johannes@front-end.social
· 16mo ago
Replying to
@MarcusAnthonyCyganiak@mastodon.social @jensimmons@front-end.social I did a quick test with the beta, and it seems like the viewport is kept above the browser UI. Things that were hidden just below the viewport didn’t show through the browser UI in this test, while it did on regular pages. I’m not sure how this works yet. https://front-end.social/@johannes/114658156186168978
front-end.social

Johannes Odland: "@romainmenke It seems to work fairly well. It hid…" - Front-End Social

0
2
0
0
Open post
Johannes Odland @johannes@front-end.social
· 5mo ago
Replying to
@smfr@mastodon.social Thanks 🙏 It's not public yet, but I'll DM you if I can share the link :)
0
0
0
0
Back
313k7r1n3
Elektrine

Tor hidden service

elekhj7afj4qnrr4yd3bkzslsyo5jgfxw3orgjkhlcxifueodybyiiad.onion

I2P eepsite

j6b6cyk6gjmepjih7jjadxgxvvf3lzzujljuu2v4biemzpg3naya.b32.i2p

Platform

  • Email
  • Chat
  • Timeline
  • VPN
  • DNS

Company

  • About
  • Contact
  • FAQ
  • Lite (no JS)

Legal

  • Terms of Service
  • Privacy Policy
  • Transparency Report
  • Report Abuse
  • Warrant Canary
  • VPN Policy

Support

  • support@elektrine.com
  • Report Security Issue
Mail client setup IMAP mail.elektrine.com:993 POP3 mail.elektrine.com:995 SMTP mail.elektrine.com:465
© 2026 Elektrine. All rights reserved. Server: 07:42:07 UTC