Øystein Håberg's Avatar

Øystein Håberg

@islandstone89.bsky.social

Front-end enthusiast from Norway, focusing on HTML, CSS, Accessibility and a little bit of JavaScript. Huge music lover.

31 Followers  |  144 Following  |  38 Posts  |  Joined: 21.07.2025  |  1.6095

Latest posts by islandstone89.bsky.social on Bluesky

"Stimulating, creative, collaborative and accessible. This is what the web should be."

13.10.2025 15:36 — 👍 1    🔁 0    💬 0    📌 0

"Wikipedia is probably the best single example of what I wanted the web to be."

13.10.2025 15:35 — 👍 0    🔁 0    💬 0    📌 0

"I find music relaxing; when I’m stuck on a technical problem I will often gravitate to the piano to improvise."

13.10.2025 15:34 — 👍 0    🔁 0    💬 0    📌 0

"I wanted everyone to use it. I wanted it to be universal. I saw the technology and I saw how effective and easy to use it could be. Above all, I think, I just had a vision for it, a vision of all existing systems talking to one another, of everyone coming online."

13.10.2025 15:32 — 👍 0    🔁 0    💬 0    📌 0

"I started to talk about the ‘two Cs’– creativity and collaboration. By combining the two Cs, you could reach a new state of intellectual production I termed ‘intercreativity’: the ability of a group of people to be creative. "

13.10.2025 15:31 — 👍 0    🔁 0    💬 0    📌 0

Just finished reading "This Is For Everyone ", the excellent new book from Sir Tim Berners-Lee.

A few of my favorite quotes:

13.10.2025 15:30 — 👍 0    🔁 0    💬 0    📌 0

Just finished "Web Accessibility Cookbook" by @matuzo.at. A must-read for any Frontend developer, with tons of practical examples and explanations, written in a clear and concise way. I enjoyed every minute - highly recommended!

And bonus points for using football websites in some of the examples 🙂

27.09.2025 21:01 — 👍 0    🔁 0    💬 0    📌 0

Lastly, the information about a video is sometimes missing key ingredients such as tracklist, running time, etc. I do think it's the artists themselves who are responsible for that, though.

All in all, an interesting iniative!

@schalkneethling.com do you know of this? Might be up your alley 🙂

25.09.2025 18:07 — 👍 0    🔁 0    💬 1    📌 0

I also miss "autocomplete predictions" when searching, which is a standard feature these days.

25.09.2025 18:04 — 👍 0    🔁 0    💬 0    📌 0

One thing that bugs me a bit is that videos auto-play by default. Luckily, you can turn that off in the settings, but it would be more user-friendly if it was the other way around.

25.09.2025 18:03 — 👍 0    🔁 0    💬 0    📌 0

Just discovered Thunderflix; yes, it's like Netflix for us rock and metal lovers. For a small fee, you get a decent selection of concerts, documentaries and music videos.

25.09.2025 18:03 — 👍 0    🔁 0    💬 0    📌 0

Fascinating and beautiful. Subscribed 👍

21.09.2025 07:11 — 👍 1    🔁 0    💬 0    📌 0

It's such an exciting time to be a CSS lover!

21.09.2025 03:18 — 👍 3    🔁 0    💬 0    📌 0
Preview
Learn CSS  |  web.dev An evergreen CSS course and reference to level up your web styling expertise.

Chrome and Mozilla both have excellent guides. I've heard good things about The Odin Project. And Kevin Powell has a YT playlist called "HTML & CSS for Beginners".

Feel free to DM me ☺️

web.dev/learn/css

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

www.theodinproject.com

www.youtube.com/watch?v=1L2Y...

16.09.2025 16:59 — 👍 1    🔁 0    💬 0    📌 0

Hello, thank you! I don't have any blog posts/videos myself, but I can link to some resources. Also, feel free to ask me anything you'd like 🙂

16.09.2025 11:13 — 👍 1    🔁 0    💬 1    📌 0

This hurts, but I will not give up. I will continue to help people, and I'll continue to explore accessibility and best practices. Not because it "makes me feel better", but because it MATTERS. And because I CARE.

Rant over....

15.09.2025 19:03 — 👍 3    🔁 0    💬 1    📌 0

At the end of the video, the guy promotes his "Full stack" course. I'll say, who would want to learn HTML, CSS, JS and PHP from a guy who hasn't learned/doesn't care about making things responsive or accessible? And who wants to deal with a guy who has the lousiest attitude I've seen in a long time?

15.09.2025 19:02 — 👍 2    🔁 0    💬 0    📌 0

He then made all kinds of assumptions about me not doing anything noteworthy. He made it worse by also calling me out on the Frontend Mentor site,saying " I have no life". I don't think he knows it's the same person, but still.

15.09.2025 19:02 — 👍 0    🔁 0    💬 0    📌 0

This is one of the main strengths of Frontend Mentor, and the reason I've been giving feedback, in my own time, for FREE, for well over a year.

15.09.2025 19:01 — 👍 0    🔁 0    💬 0    📌 0

He said that "most beginners make mistakes, and that's OK"...which I agree with. What is NOT OK is to dismiss constructive feedback as "harsh criticism". If beginners don't get feedback on their mistakes, how are they supposed to improve?

15.09.2025 19:01 — 👍 0    🔁 0    💬 0    📌 0

I got an answer, but in a separate video, called "Code is a tool, not a religion". According to him, I'm a "weirdo" and a "loser" who gives feedback on other people's code to "make me feel better about myself". Apparently, I "thrashed" his code...all I wanted was to give helpful feedback!

15.09.2025 19:00 — 👍 0    🔁 0    💬 0    📌 0

Hope this was clear and helpful. Keep up the good work with your channel"

I felt this was an appropriate comment, as I pointed out some pretty basic flaws.

15.09.2025 19:00 — 👍 0    🔁 0    💬 0    📌 0

CSS:

- It's not recommended to set fixed widths in px.

- I rarely use % for widths.

- Don't use px for font-size. It is bad for accessibility, as it prevents the font size from scaling if a user changes the default font size in the browser.

15.09.2025 18:59 — 👍 0    🔁 0    💬 0    📌 0

Here's my comment:

"Good initiative. However, there are a few things to point out.

HTML:

- Always wrap a page's main content in a <main>. Semantic landmarks are important for navigation to screen reader users.

- The icons are decorative, meaning the alt text should be empty: alt="".

15.09.2025 18:56 — 👍 0    🔁 0    💬 0    📌 0

It started with me commenting on a walk-through of a Frontend Mentor Challenge. I've spent A LOT of time giving feedback on that site, so I decided to mention a few things that could be improved.

15.09.2025 18:55 — 👍 0    🔁 0    💬 0    📌 0

I'm fuming.

So, there's this Youtube channel called Practical Web Dev, which I followed for a while. He had some decent videos, but my feelings towards him have recently changed completely.

15.09.2025 18:54 — 👍 0    🔁 0    💬 0    📌 0
Why does big tech not run Accessibility bug bounties? 10 reasons why this would be great

chrisyoong.com/blog/why-is-...

15.09.2025 16:12 — 👍 2    🔁 1    💬 0    📌 0

Features I want to explore more:

View Transitions

Scroll-driven Animations

Anchor Positioning

@function

text-box-trim/text-box-edge

11.09.2025 21:00 — 👍 1    🔁 0    💬 0    📌 0

So.
Much.
YUM.

My favorites:

:has()

:is()

:where()

CSS Nesting (handy for media queries and pseudo-classes/elements)

color-mix()

Relative Colors

Custom Properties

clamp()

light-dark()

Subgrid

11.09.2025 20:28 — 👍 1    🔁 0    💬 0    📌 0
Preview
Container queries  |  web.dev Unlike media queries, container queries allow you to make more specific adjustments to elements based on the size and state of their ancestors, or containers.

Fantastic work as always, Adam! 👏

NB: The link to the Container Size Queries page is broken. I believe the correct URL is web.dev/learn/css/co...

11.09.2025 18:20 — 👍 1    🔁 0    💬 1    📌 0

@islandstone89 is following 20 prominent accounts