Lightnews — Scholar-powered news

Reposted by Alexander Lehner

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 2d

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

16 110 210

Alexander Lehner @alexlehner86.bsky.social · 1d

Extrem wichtig!
www.derstandard.at/story/310000...

Dutch Reach: Ein Griff, der Leben retten kann

Wer seine Autotür mit der rechten anstatt der linken Hand öffnet, kann schwere Unfälle mit Fahrradfahrern vermeiden. Zu wenige wissen davon

www.derstandard.at

Reposted by Alexander Lehner

Matthias Ott @matthiasott.com · 2d

“I feel like web developers are constantly being gaslit into thinking that complex over-engineered solutions are the only option. […] That’s not good for users, and I don’t think it’s good for us either.”

Mic drop by @adactio.com 👏
adactio.com/journal/22178

Simplify

Reminding myself just how much you can do with CSS these days.

adactio.com

1 15 47

Alexander Lehner @alexlehner86.bsky.social · 4d

Great article! Will definitely share with my coworkers to get them up to date on colors in CSS 😀

1

Reposted by Alexander Lehner

Sara Soueidan @sarasoueidan.com · 4d

OK @kevinpowell.co has written what has to be one of the best (if not THE best) practical article to #CSS colors I have read in a while. piccalil.li/blog/a-pragm...

Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff.

A pragmatic guide to modern CSS colours - part one

Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...

piccalil.li

5 30 150

Reposted by Alexander Lehner

CSS by T. Afif @css-only.dev · 5d

Here is my idea with less of code

css-tip.com/tooltip-anch...

The trick is to play with the margin property to show/hide the arrows.

cc @una.im @bram.us

12 46

Reposted by Alexander Lehner

Matthias Ott @matthiasott.com · 7d

✍️ New post: European Tech Alternatives 🇪🇺

#blogtober #tech #software #europe
matthiasott.com/notes/europe...

European Tech Alternatives 🇪🇺 · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

5 22 51

Reposted by Alexander Lehner

Sophie Koonin @localghost.dev · 9d

Yes yes YES THIS. The best thing a web dev can do is put the frameworks down sometime and learn how it really works. @una.im @ @nordicjs.com

Una presents a slide that says "the best way to level up your web development skill set is to get good at CSS and HTML"

6 30 120

Alexander Lehner @alexlehner86.bsky.social · 11d

...because it produces bad and outdated code. If I have questions about HTML, CSS or Javascript, I use the AI Help chat bot on MDN which works really well as it's trained on the MDN documentation 🥰

1 4

Alexander Lehner @alexlehner86.bsky.social · 11d

I use Github Copilot in VS Code. It works decently as an extended autocomplete. Although sometimes its suggestions are rubbish and I simply ignore them. It's also helpful when generating mock data, documentation and boilerplate e.g. for unit tests. I don't use it for HTML and CSS at all... (1)

1

Reposted by Alexander Lehner

James Stuckey Weber @jamessw.com · 11d

Anchor positioning is out in Safari, and I just played around with it in Firefox Nightly, where it's pretty darn close. Now is the time to learn anchor positioning!

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

oddbird.dev

3 8

Alexander Lehner @alexlehner86.bsky.social · 13d

Let's Play Accordion with the HTML details element: The new features like ::details-content and the name attribute are awesome. I explain how they work and provide some examples. #webdev #html #css #accessibility

www.oidaisdes.org/lets-play-ac...

Let's Play Accordion with the HTML details element

An in-depth look at the new capabilities of the native disclosure element.

www.oidaisdes.org

3

Reposted by Alexander Lehner

Friday Front-End @fridayfrontend.com · 15d

CSS to speech: alternative text for #CSS-generated content: "This is a 101 post on when and how to use the slash content property syntax in CSS to provide alt text for CSS-generated content, and why it is important." #a11y www.sarasoueidan.com/blog/alt-tex...

CSS to speech: alternative text for CSS-generated content

— The personal website of Sara Soueidan, inclusive Web UI engineer

www.sarasoueidan.com

1 2

Alexander Lehner @alexlehner86.bsky.social · 15d

Please let it be true! 🤩 #css #webdev #gimmeCssScope

Bugzilla bug ticket, opened 1 hour ago, with the title: Enable @scope pref `layout.css.at-scope.enabled` by default on all channels

Reposted by Alexander Lehner

CSS by T. Afif @css-only.dev · 17d

💡 CSS Tip!

Ready for the new corner-shape property? Learn how you can use it to create most of the common CSS Shapes without hassle.

css-tip.com/corner-shape/

All you have to do is adjust the border-radius. Yes, border-radius!

Different shapes created with CSS (triangles, hexagon, arrow, cube, etc.)

4 10

Reposted by Alexander Lehner

Todd @toddl.dev · 18d

By the way, recently I was on the Boagworld podcast with Marcus Lillington and Paul Boag discussing Deceptive Patterns and accessibility. Give it a listen and let me know what you think. pca.st/episode/7f4a...

Dark Patterns, Bright Ideas: Why Deceptive Design Belongs in Accessibility

pca.st

2 4

Reposted by Alexander Lehner

Friday Front-End @fridayfrontend.com · 18d

Subgrid: how to line up elements to your heart’s content: "Subgrid been supported by the major browsers for a while now, but recent survey results showed that it was still confusing to people, so we thought we’d show an easy way to understand what’s happening." #CSS webkit.org/blog/17339/s...

Subgrid: how to line up elements to your heart’s content

When Grid became widely available across browsers in 2017, it was an absolute game changer.

webkit.org

2 6

Alexander Lehner @alexlehner86.bsky.social · 19d

You could set overflow-wrap: break-word for your code elements. developer.mozilla.org/en-US/docs/W...

overflow-wrap - CSS | MDN

The overflow-wrap CSS property applies to text, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.

developer.mozilla.org

1

Reposted by Alexander Lehner

CSS by T. Afif @css-only.dev · 19d

Many people get confused when they try to combine the :is() selector with pseudo-elements, so I wrote something to clarify why it doesn't work the way they want.

css-tip.com/is-before-af...

It looks counter-intuitive, but it's logical if we understand how the :is() selector actually works.

The following CSS code:
button:is(::before,::after) {
/* CSS */
}

1 6 17

Reposted by Alexander Lehner

Natascha Strobl @nataschastrobl.bsky.social · 21d

Der Sinn „die AntiFa“ zu verbieten ist es übrigens nicht „die AntiFa“ zu verbieten, sondern Mittel in die Hand zu bekommen gegen jede einzelne Person, die einem nicht passt, vorzugehen mit der Behauptung sie sei Teil „der AntiFa“.

88 2.1K 5.7K

Alexander Lehner @alexlehner86.bsky.social · 21d

Probably 😃

Alexander Lehner @alexlehner86.bsky.social · 21d

Here's the entry on chromestatus: chromestatus.com/feature/5668...

Chrome Platform Status

chromestatus.com

Alexander Lehner @alexlehner86.bsky.social · 21d

I just found out that Chrome will ship support for the Temporal API in November, in version 143. So happy about this! 🥳🥳🥳 Bye bye annoying Date object, hello awesome date and time management with Temporal! #webdev #temporal #javascript
oidaisdes.org/temporal-api...

Date and Time Management with the Temporal API

It's more reliable than Date and offers formatting options and time zone support.

oidaisdes.org

2 1

Reposted by Alexander Lehner

Friday Front-End @fridayfrontend.com · 22d

Today's lunch video is "Built-in accessibility: blessing or curse?" - "In this talk, we’ll look at how 'built-in' can be effective and how it can help you to remove barriers at scale." #a11y www.youtube.com/watch?v=GvYz...

Built-in accessibility: blessing or curse? - Hidde de Vries | JSHeroes 2025

“We’ll build in accessibility”, they say. But what does “built-in” mean in practice? Whether it’s in standards, browser functionality, web platform features or design system components… the reality…

www.youtube.com

1 2

Reposted by Alexander Lehner

Friday Front-End @fridayfrontend.com · 25d

Follow-the-leader pattern with #CSS anchor positioning: "Learn how to create a dynamically re-anchored pointer element. The technique is pretty neat too. It involves creating a single 'follower' element and dynamically updating it’s anchor on an event or state change." una.im/follow-the-a...

una.im | Follow-the-leader pattern with CSS anchor positioning

Learn how to create a dynamically re-anchored pointer element.

una.im

1 1