Advertisement · 728 × 90

Posts by Michael G

Preview
GitHub - chenglou/pretext Contribute to chenglou/pretext development by creating an account on GitHub.

I like this library. Pretext. It's solving a lot of problems especially with systems that don't support multiline text natively, like #SVG and #Canvas element.
What's irritating is the cheerleading of some Javascript fans that attack using terms like "CSS zealots".
github.com/chenglou/pre...

8 hours ago 0 0 0 0
Foto of the CD Box of "Ministry of Sound – The Annual – 1999-2000", gemixt von Tom Novy und Boy George

Foto of the CD Box of "Ministry of Sound – The Annual – 1999-2000", gemixt von Tom Novy und Boy George

If compilations count:

"Ministry of Sound – The Annual – 1999-2000", mixed by Tom Novy und Boy George

1 day ago 1 0 0 0

Hormonally Yours
by Shakespears Sister ‧ 1992

1 day ago 0 0 0 0
Preview
elena/packages/ssr at main · getelena/elena Elena is a simple, tiny library for building Progressive Web Components. - getelena/elena

Elena by @arielsalminen.com supports @11ty.dev and generates a Custom Elements Manifests and sets up an MCP server. Damns … I am so destined for a side project or massive in-house refactoring.

github.com/getelena/ele...

4 days ago 2 0 0 0

Uuuuuh. I finally get it. Now that’s extremely interesting

4 days ago 1 0 0 0

Though are democrats ready to shift selling a Green New Deal from global altruism and grid infrastructure, to the American love of the 'fortress home‘?

True you can frame solar and batteries as 'tactical self-reliance' for the suburban prepper. But this is quite a radical shift in tactics.

1 week ago 1 0 0 0
Preview
The Layout Maestro An interactive course focused on how to think, build, and test a layout with real-world examples.

Less than a week to launch The Layout Maestro course. I've received some great feedback from the beta testers so far!

This thing is coming to life! And by the way, newsletter subscribers will get an extra launch discount on top of everything else.

Sign up here: layoutmaestro.ishadeed.com

1 week ago 14 4 0 0

We had a lot of training on the job, and the tasks to facilitate it. You are not learning photoshop on high stakes key designs. You learn on masking 500 models shots, getting the hair right. We are sourcing out a lot of that into art schools and the hobbies, hoping star designers just materialise.

1 week ago 0 0 0 0

(2/2) That have the leasure time and energy to create their own learning opportunities in their side projects.

1 week ago 0 0 1 0
Advertisement

Yes. If you are in your mid fourties (like me) and are willing to keep up the continuous change pace. It’s a bit harder to enter the field though, because the tasks you apprentice with are more and more rationalized away. As a industry we must adress this, otherwise we only get the people … (1/2)

1 week ago 0 0 1 0

I mean Designers are not cooked, because the tools are evolving. We are cooked because demands are growing. Similar to Developers. While the cost and availability of "best practice" design and code are getting lower brands pump up their expectations to "stand out" from the crowd.

1 week ago 1 0 1 0

Going from Coding Designer zu Vibe Coding Designer …

Purely Visual Design tools will have to adapt. Because the needs for Designers are evolving too. More "Best Practices" because they don't work anymore in brand differentiation.

We have to do more and faster.

1 week ago 0 0 1 0

„aber wir wollen doch nur Kinder schützen …“

Und ahnungslose EU Politiker, die es „doch nur gut meinen“ sind bei dem Quatsch ganz vorne dabei. Weil sie glauben sie würden Tech-Giganten eins auswischen. 🙈

bsky.app/profile/g12n...

1 week ago 0 0 0 0
Preview
Reddit User Uncovers Who Is Behind Meta’s $2B Lobbying for Invasive Age Verification Tech Meta funneled $2B through nonprofit shells to push age verification laws targeting Apple and Google while exempting its own platforms from surveillance requirements.

Well. Call me surprised. Totally flabbergasted. Shocked beyond comprehension …

… that the sun rose again.

Oh you mean meta lobbying gullible politicians, who think they protect children, into enabling more data grabbing? No … no surprise there.

www.yahoo.com/news/article...

1 week ago 0 0 0 1

I won’t be able to make it to CSS Day. But there’s a second nice option.

1 week ago 1 0 0 0

Ich weiß nicht ob ich ausgerechnet die Positoonen der Grünen hervorheben wollte, aus der Zeit als wir 18 waren.

🙈💨🍬💊🧬👻

1 week ago 1 1 0 0

Ehrliche Frage: warum? Weil sie verhindern wollten, dass wir jetzt vor einem Milllardenloch ohne Boden stehen, das nicht mal Wirkung zeigt?

1 week ago 0 0 0 0

Ein wenige wie ingeimpfte die Kinder. Da kann man die „bessere Qualität“ auch nicht messen. Unterschiede wird man aber sicher feststellen. Wahrscheinlich nicht die, die sich die Erzeuger erhofft haben.

2 weeks ago 1 0 0 0
Preview
What Web technologies are required to draw a Pie Chart in 2021? (spoiler alert: a standard Web Component will do) 🥧 Using Web Components to draw Pie Charts with semantic HTML

Pie-day
Pie-meister

<𝙥𝙞𝙚-𝙘𝙝𝙖𝙧𝙩>
<𝙨𝙡𝙞𝙘𝙚 𝙨𝙞𝙯𝙚="90" 𝙨𝙩𝙧𝙤𝙠𝙚="𝙜𝙧𝙚𝙚𝙣">𝙃𝙏𝙈𝙇</𝙨𝙡𝙞𝙘𝙚>
<𝙨𝙡𝙞𝙘𝙚 𝙨𝙞𝙯𝙚="1" 𝙨𝙩𝙧𝙤𝙠𝙚="𝙧𝙚𝙙">𝙅𝙖𝙫𝙖𝙎𝙘𝙧𝙞𝙥𝙩</𝙨𝙡𝙞𝙘𝙚>
<𝙨𝙡𝙞𝙘𝙚 𝙨𝙞𝙯𝙚="9" 𝙨𝙩𝙧𝙤𝙠𝙚="𝙗𝙡𝙪𝙚">𝘾𝙎𝙎</𝙨𝙡𝙞𝙘𝙚>
</𝙥𝙞𝙚-𝙘𝙝𝙖𝙧𝙩>

dev.to/dannyengelma...

2 weeks ago 1 1 0 0
Advertisement

Die Ölspeicher existieren genau deshalb. 1974 wurde auf internationaler Ebene wurde die Internationale Energieagentur (IEA) gegründet. Die Mitgliedstaaten verpflichteten sich, Ölreserven für mindestens 90 Tage vorzuhalten, um bei Lieferausfällen gemeinsam reagieren zu können.

2 weeks ago 0 1 0 0
Demo HTML Code for a Tab like UI implanted with focusgroup + openable +invoker

<div focusgroup="inline">
  <button focusgroupstart commandfor="panel-1" command="toggle">
    Open Panel 1
  </button>
  <button commandfor="panel-2" command="toggle-openable">
    Open Panel 2
  </button>
  <button commandfor="panel-3" command="toggle-openable">
    Open Panel 3
  </button>
</div>

<div id="panel-1" openable defaultopen name="tabs">
  Panel 1
</div>
<div id="panel-2" openable name="tabs">
  Panel 2
</div>
<div id="panel-3" openable name="tabs">
  Panel 3
</div>

Demo HTML Code for a Tab like UI implanted with focusgroup + openable +invoker <div focusgroup="inline"> <button focusgroupstart commandfor="panel-1" command="toggle"> Open Panel 1 </button> <button commandfor="panel-2" command="toggle-openable"> Open Panel 2 </button> <button commandfor="panel-3" command="toggle-openable"> Open Panel 3 </button> </div> <div id="panel-1" openable defaultopen name="tabs"> Panel 1 </div> <div id="panel-2" openable name="tabs"> Panel 2 </div> <div id="panel-3" openable name="tabs"> Panel 3 </div>

Three explainers from the OpenUI group to study with care.

focusgroup:
open-ui.org/components/s...

openable:
open-ui.org/components/o...

invokers (future):
open-ui.org/components/f...

Three powerful building blocks for many UI Elements.

2 weeks ago 0 0 0 0

Das wäre ein schlauer Gedanke, gäbe eine monolithische Technik. Als “Die Technik”. Wir wissen aber aus eigener Erfahrung, dass technische Lösungen sich ähnlich entwickeln wie Organismen. Eine Kombination aus Freiheitsgraden zu mutieren, Langlebigkeit und Populationsgröße.

2 weeks ago 0 0 0 0
Preview
[focusgroup] tablist behavior token is misleading · Issue #1417 · openui/open-ui If the intention is to limit the behavior of focusgroup strictly to focus navigation, without any concept of activation or triggering commands on the child elements, I would strongly suggest removi...

Here you go:
github.com/openui/open-...

2 weeks ago 1 0 0 0
[focusgroup] Multi-directional focus groups · Issue #1390 · openui/open-ui Apologies if this has already been addressed somewhere; couldn't find an open issue or anything in the demos. The current behaviour of focusgroup is (IIUC) for the down/right arrow keys to focus th...

I added some notes here:
github.com/openui/open-...

2 weeks ago 2 0 0 0

I think it’s quite dangerous to implement the focus without the activation when using keywords like “radiogroup”. They inply behavior (that’s even linked in the introduction page) without delivering it. Causing even more confusion than the aria spec alone already does.

2 weeks ago 0 0 1 0

Even for the one dimensional navigation a way to inform the directionality with css feels quite crucial to me. Styles can change to layout. Switching between a horizontal and vertical layout for a set of buttons, depending on available space, isn’t much on a stretch.

2 weeks ago 0 0 1 0
Screenshot of a image grid with 4 columns.

Screenshot of a image grid with 4 columns.

Here you hit quite close to home for me. As a photo company, a major component for us is the picker. In the DOM, that is typically a list. And the number of columns depends on the device (or soon the container size). In the explainer, the grid sounds like table with fixed rows and cells.

2 weeks ago 1 0 1 0

I have to check some cases later this week, to see if I really understand the current behavior. I am a bit afraid that having two attributes that both promise tab behavior but one (the aria role) delivers nothing the other one 50% will add to the confusion.

2 weeks ago 0 0 1 0
Advertisement

Really. That’s actually odd. I would expect at least the button (or other elements) get set an appropriate checked state when beeing activated in a tablist, radiogroup or similar.

2 weeks ago 0 0 1 0
Preview
ARIA: toolbar role - ARIA | MDN The toolbar role defines the containing element as a collection of commonly used function buttons or controls represented in a compact visual form.

I meant if for example autofocus=“toolbar” would automatically be a replacement for ARIA role="toolbar".

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

2 weeks ago 2 0 1 0