@scrwd@mastodon.social
@scrwd@mastodon.social avatar

scrwd

@scrwd@mastodon.social

#Web / #UX / #Product #Developer / #Designer / Architect / Manager. Sometimes I'm a tortoise. Sometimes I'm a giraffe.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

scrwd, to random
@scrwd@mastodon.social avatar

Just a thought - not necessarily a good one - if I created a custom element <site-layout> and use it to insert blocks of content into specific <slot> elements it could create for quite lean pages - but I guess it would mean using shadow dom too…

I wonder if this something @enhance_dev makes better - I need to take a look again.

&lt;site-layout&gt;  
 &lt;h1 slot="header&gt;Title&lt;/title&gt;  
 &lt;nav slot="sidebar"&gt;…&lt;/nav&gt;  
 &lt;main slot="content"&gt;…&lt;/main&gt;  
&lt;/site-layout&gt;
scrwd, to random
@scrwd@mastodon.social avatar

I'm working on an accessible menu-button following that pattern https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/

I'm looking for suggestions how to attach actions to the menu items themselves. The markup below is upgraded with appropriate roles and behaviours. But in a generic component, what is the best strategy for supporting custom actions?

&lt;menu-button&gt;  
 &lt;button&gt;Toggle&lt;/button&gt;  
 &lt;div&gt;  
 &lt;button&gt;Action 1&lt;/button&gt;  
 &lt;button&gt;Action 2&lt;/button&gt;  
 &lt;/div&gt;  
&lt;/menu-button&gt;

simevidas, to random
@simevidas@mastodon.social avatar

> From our read of Apple’s proposal, a developer would have to pay this fee even if a user downloaded the app, never used it, and forgot to delete it https://newsroom.spotify.com/2024-01-26/apples-proposed-changes-reject-the-goals-of-the-dma/

Apple’s behavior reminds me of the phrase fuck around and find out. Let’s see if the European Commission has a spine.

scrwd,
@scrwd@mastodon.social avatar

@simevidas I thought the .50 euro was for apps installed via alternative app stores, and that staying with Apple App Store largely kept everything the same as before - so essentially it is there to discourage devs from taking advantage of the DMA affordances.

But this article certainly makes it look even worse than that and I trust Spotify have more idea than me.

passle, to random
@passle@mastodon.social avatar

Nice, got a working slots implementation for SWTL. Actually turned out to be a lot simpler than I thought

scrwd,
@scrwd@mastodon.social avatar

@passle is SWTL pronounced like SW in sweet and EETLE in beetle?

SWEETLE?

scrwd,
@scrwd@mastodon.social avatar

@tbroyer @passle Swittles - Taste the HTML

scrwd, to random
@scrwd@mastodon.social avatar

Any good way to toggle the open attribute on a <details> element according to a media query - essentially watching for changes? And is there a terrible accessibility reason not to do that? Basically it's about hiding content on smaller screens

scrwd,
@scrwd@mastodon.social avatar

Or, maybe has anyone seen any nice for disclosure functionality, that might ideally also listen for change in a media query to toggle open?

scrwd, to CSS
@scrwd@mastodon.social avatar

I've forgotten how position:sticky works in 🤔

<header>
<nav>Scroll down</nav>
<nav style="
position:sticky;
top:0">
Why don't I stick?
</nav>
</header>

<main style="
height:300vh">
...
</main>

https://codepen.io/jon/pen/BabQjQB

scrwd,
@scrwd@mastodon.social avatar

@css ah ok, that make sense so if I want a sticky second-level nav bar it can't be within the header - would have to be in the <body> or in <main>

scrwd,
@scrwd@mastodon.social avatar

@css semantically/accessibility-wise does the header lose any meaning (like aria banner role etc) when it is made inline?

passle, to random
@passle@mastodon.social avatar

Cool, out-of-order streaming without using JS to swap out content, but instead using DSD. Pretty nice. (the script tag in there is the sw registration)

video/mp4

scrwd,
@scrwd@mastodon.social avatar

@zachleat @passle can you repeatedly load content into the same slot? Like what happens if you stream something to go into a slot you have already put something in - does it just replace it?

developit, to homeassistant
@developit@mastodon.social avatar

I have finally caved and bought a tiny SFF PC to run #homeassistant. Time to de-vendor all my IoT stuff.

scrwd,
@scrwd@mastodon.social avatar

@developit what is the experience of using compared to say HomeKit/Siri or Google Home/Assistant? do you still need all the additional hubs, bridges, and dongles (thinking like Phillips Hue) Does this change anything for many devices that require a cloud connection already (like TP-Link Tapo/Kasa etc.) does it just connect to the cloud from instead of Google Home/Assistant?

jonhicks, to random
@jonhicks@mastodon.social avatar

When is bins?

scrwd,
@scrwd@mastodon.social avatar

@jonhicks which bin is it?

georgetakei, to random

The truth is irrelevant to MAGA.

scrwd,
@scrwd@mastodon.social avatar

@Paladin @georgetakei despite not being the case, the word looks like the literal translation should be someone who likes to shave rats

rem, to random
@rem@front-end.social avatar

Our 17th year doing our Christmas movie day - somehow still managed unique movies (though partly because we have moderns and shorts). Starts shortly with this order: https://remysharp.com/2010/11/29/our-christmas-films-list#2023

Only tricky bit is the dog and our Christmas finger food throughout the day… 🐶

scrwd,
@scrwd@mastodon.social avatar

@rem our kids are not at the best age (3) for most of the Christmas movies I would like to watch - can just about get them to watch Jingle All The Way somehow. Typically it's all Blippi, Blues Clues and Gabby's Dollhouse. I want to watch Candy Cane Lane!

Speaking of Eddie Murphy I actually have a smidge of excitement about Axel F https://youtu.be/qBG3iyr5N70

slightlyoff, to random
@slightlyoff@toot.cafe avatar

This perf.now() talk is an out-of-body experience for me; like watching a smarter, less shouty version of yourself outline the last 5+ years of your life, and the incredible pain of the teams you've worked with, but in an english accent:

https://youtu.be/f5felHJiACE?si=g7q6uyWwSHxn4ElJ

scrwd,
@scrwd@mastodon.social avatar

@slightlyoff as someone who as been sucked into a new Next.js project at work for my inability to convince enough people to use something else I'm wondering what technology choices you'd recommend for a large documentation site (previously SSG) that requires OIDC aithentication and conditionally gated content/personalisation etc.

My conclusion was either Astro - except it was deemed too new essentially. Or potentially revisiting a traditional server-side option based on .Net Core or something.

zachleat, to random
@zachleat@zachleat.com avatar

Alright, this graph from Netlify’s “State of the Web” survey is… intellectually dishonest. And I have to weigh in on it now because a few folks have been making some specious assumptions and tagging me 😬

I get it: Netlify wants to highlight graphs that make Next.js look bad but c’mon—leave me out of it.

(I also understand that their resident statistics person departed the company so… it’s unlikely that this was malicious)

🧵🔽

scrwd,
@scrwd@mastodon.social avatar

@zachleat it's hard to see what argument is the best to convince enterprise away from Next.js :/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

I made a Web Component GitHub starter template to help me, and maybe you too, to get into making . Hope you find it useful:
https://darn.es/web-component-github-starter-template/

scrwd,
@scrwd@mastodon.social avatar

@DavidDarnes this looks great, but I'm wondering on your thoughts about this article:

https://hawkticehurst.com/writing/you-are-probably-using-connectedcallback-wrong/

Specifically it says to use a constructor in Web Components to call super and attach event listeners etc. But I'm pretty sure I have also seen advice the exact opposite of that ha - so would appreciate your take on it (seeing as your component template appears to skip the constructor)

scrwd, to react
@scrwd@mastodon.social avatar

If I were to have the following JSX, how could I process data inside of <Parent>, and have the results of that accessible to <Child> without using React Context, as it won't work with Next.js SSR which is the target.

<Parent data={data}>
<Child/>
</Parent>

scottjehl, to random
@scottjehl@mstdn.social avatar

I started playing with documentation for a progressive enhancement HTML templating language I'm calling PE, for now. It is designed to declare and retain its relationships to data sources even after it is rendered as HTML, making it easy automatically bind data and progressively enhance in the browser. Since it's attribute-driven, and the attributes stay, the output can serve as a template for future updates.

Will blog & tinker more. For now, here's what I'm thinking.
https://github.com/scottjehl/PE/

scrwd,
@scrwd@mastodon.social avatar

@scottjehl Proxy makes this way easier - when I was playing around years ago I used the old getter/setter approach for creating a "hookable model" from a simple object and even "monkey patched" Array sucks teeth - see here for some hideous code I don't remember if it even works https://github.com/jonburger/Lash/blob/v1/lash.js

@ayo has been working with Proxy lately in his McFly and WebComponent base class I think for reactivity there.

nhoizey, to streaming French
@nhoizey@mamot.fr avatar

🔗 “PlayStation to wipe purchased Discovery content from consoles”

⚓️ https://nicolas-hoizey.com/links/2023/12/04/playstation-to-wipe-purchased-discovery-content-from-consoles/

scrwd,
@scrwd@mastodon.social avatar

@nhoizey I would guess it's in the agreed terms, but I wonder how arguable a case there is for (il)legally downloading a "backup" copy from a P2P network under these circumstances? I would imagine there are grounds for a class-action suit in the US around this?

scrwd,
@scrwd@mastodon.social avatar

@nhoizey maybe with enough noise Sony/Discovery will come up with an alternative plan

ayo, to webdev
@ayo@ayco.io avatar

🎉 Here it is! https://WebComponent.io

A zero-dependency, ~600 Bytes (minified & gzipped), JS base class for creating reactive custom elements easily.

scrwd,
@scrwd@mastodon.social avatar

@ayo any caveats? Or bigger examples in the works? Looks too good to be true 😂

matthiasott, to random
@matthiasott@mastodon.social avatar

If you have a personal website: what platform, CMS, SSG, tech stack, or service are you using for it? Would you pick it again? How much technical expertise did it require to set up and make it your own? And do you have to do a lot of maintenance?

Once more – you guessed it – I’m asking for my subscribers. 😉
RT = 🎉

scrwd,
@scrwd@mastodon.social avatar

@andy have you ever written about Wordpress and modern development and stuff - would love to have some up to date info/experiences as it's been years since my last WP site

scrwd,
@scrwd@mastodon.social avatar

@andy another question for you if you don't mind - have you ever seen any unbiased (and objective) performance comparisons between similar sites using PHP vs Node/JavaScript etc.?

I often wonder about a return to more traditional serverside tools now everyone is pro "SSR" again - was JavaScript on the server ever as amazing as initial thinking. Interested in your opinion as a thought-leader!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • anitta
  • kavyap
  • DreamBathrooms
  • InstantRegret
  • magazineikmin
  • cubers
  • GTA5RPClips
  • thenastyranch
  • Youngstown
  • rosin
  • slotface
  • tacticalgear
  • ethstaker
  • modclub
  • JUstTest
  • Durango
  • everett
  • Leos
  • provamag3
  • mdbf
  • ngwrru68w68
  • cisconetworking
  • tester
  • osvaldo12
  • megavids
  • khanakhh
  • normalnudes
  • lostlight
  • All magazines
    •