Johannes Odland
johannes@front-end.social
<p>Front-end engineer at NRK. <br />Been centering elements since 1996. </p><p>Pronouns: He/Him. 🏳️🌈🏳️⚧️</p>
Posts
-
View post
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
-
View post
Wouldn&#39;t it be great if you could animate and format numbers in CSS? 😅
-
View post
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.
-
View post
Got tickets to Beyond Tellerand next year on a whim. Anyone else going?
-
View post
Have you ever used JS to support &quot;click and drag to scroll&quot;? 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
-
View post
Finally figured out how to enable smooth scrolling in @Vivaldi 🎉 Just go to Settings &gt; Webpages and enable the correct checkbox. Can&#39;t fathom why this is disabled as default though 👀
-
View post
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✨
-
View post
For our next trick, we’ll bring you angular grid lines ✨ Just kidding, but wouldn’t it be great though?
-
View post
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/
-
View post
I just found out I can build plugins for Fusion using TypeScript. Feels like a new superpower. 🦸🏻
-
View post
I feel I&#39;m spending more time now waiting for sites to verify I&#39;m human, than I ever spent waiting for images in the 90s 🤯
-
View post
Now that we have a standardized URLPattern, I want a declarative way to use it with something like DOM Parts: ``` &lt;meta name=&quot;url-pattern&quot; content=&quot;/user/:name&quot;&gt; &lt;h1&gt;Hello {{name}}&lt;/h1&gt; ```
-
View post
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?
-
View post
The CSSWG has resolved that the `(prefers-color-scheme)` media query reflects `&lt;meta name=color-scheme&gt;`. ✨🎉 Now image and videos elements can load the correct image for the color scheme of the document. Thanks @joshtumath et al for helping out with this one 🙌🙏 https://github.com/w3c/csswg-drafts/issues/13377#issuecomment-4166335486
-
View post
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