andrico1234 / a2k

Capture the feel of the early web with A2k, the Windows2000 inspired web component library

Hey all ✌🏽

My name's Andrico and I'm a Frontend Developer at Anima. I'm currently obsessed with accessibility, web components and design systems.

I'm trying my hand combining all three with a2k.

I'm on Twitter and Polywork. I've also contributed to a small handful of OSS projects like React Admin, and you can find other bits, bobs, and a bunch of easter eggs, at andri.co.

a2k's Issues

Button's width changes on click down

Steps to reproduce:

• Navigate to Storybook
• Click the "auto" button
• Observe that it affects the layout around itself when it's pressed

Desired behaviour

• Interacting with the button should not affect the layout of the DOM

down-click.mov

Update feedback window UI to communicate how DNT affects sending feedback

If a user has DNT set to true in their browser, they can fill in the feedback form but the analytics provider won't track it, as it respects the user's Do Not Track settings.

Refactor drag controller logic to be in line with corresponding Smashing article

Improve the dragging logic so that it matches what's used in the Smashing article:

Key improvements include:

• Removing use of Lit directives, so that the component can be used cross-frameworks
• Improve the API and reliability through better selectors
• Improve out-of-bounds logic
• Use translate instead of positioning

https://www.smashingmagazine.com/2022/09/building-retro-draggable-web-component-using-lit/

Move the DesktopIcon component to an IconButton package

The DesktopIcon component doesn't need to be coupled to the Desktop package and instead can be its own package that can be used in a variety of different contexts.

Refactor imports to use scoped module elements package

Problem: https://twitter.com/AndricoKaroulla/status/1566484444961193984

Package: https://open-wc.org/docs/development/scoped-elements/

Components don't work when downloaded from the CDN