@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.

arstechnica, to random
@arstechnica@mastodon.social avatar

Researchers make a plastic that includes bacteria that can digest it

Bacterial spores strengthen the plastic, then revive to digest it in landfills.

https://arstechnica.com/science/2024/04/researchers-make-a-plastic-that-includes-bacteria-that-can-digest-it/?utm_brand=arstechnica&utm_social-type=owned&utm_source=mastodon&utm_medium=social

scrwd,
@scrwd@mastodon.social avatar

@arstechnica I have a few concerns - like when the plastic is "broken down" what chemicals are left in the soil that would otherwise be trapped in the plastic? Do these bacteria release the carbon in plastic into the atmosphere? Is it wise to help create bacteria that tolerates higher temperatures? And finally, is this another "Big Plastic" rouse to delay moving away from plastics altogether?

rileytestut, to random
@rileytestut@mastodon.social avatar

Updates on Delta for iPad:

• Yes, it’s coming!
• We’ve been working on it for a while and it’s near completion, just need to finish up controller skins + fix some last bugs
• We didn’t prioritize iPad because plan was to launch in just EU with AltStore PAL (which doesn’t support iPad)
• Obviously plans changed when Apple changed their rules, so we’re prioritizing iPad now and it will come with the next major Delta update (1.6)
• It’s available now for Patrons through regular AltStore 🙂

Screen recording of Delta on iPad mini showing full screen, Split View, and slide-over control methods

scrwd,
@scrwd@mastodon.social avatar

@rileytestut how does the Split View controller work? It looks kinda like a custom keyboard. I admit I've never managed to get my head around how all the Split View / Stage Manager stuff really works on iPad (as a user)

scrwd,
@scrwd@mastodon.social avatar

@rileytestut very clever!

Chris, to random
@Chris@mastodon.social avatar

lol

One of the signs, for Liefeld's Just Feet

scrwd,
@scrwd@mastodon.social avatar

@Chris I had to google it to find out why that was funny haha

robb, to random
@robb@social.lol avatar

Obligatory https://apps.apple.com/gb/app/delta-game-emulator/id1048524688

scrwd,
@scrwd@mastodon.social avatar

@robb this is amazing - when did Apple start allowing apps to emulate or execute code?

Now I just wish it was on the iPad too.

rafa, to random
@rafa@mastodon.design avatar

So what am I missing here? I use a US Apple ID, and the region is set to US, but I definitely live in the EU, isn’t that enough?

scrwd,
@scrwd@mastodon.social avatar

@viticci @rafa if this works, can anyone set up an EU Apple ID, install it and the log back into their old one from anywhere?

Like I used to have a US Apple ID for some apps meant years ago, I think all I had to do was set the region for the ID/Account to US at that time. Is it more complicated now?

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Idea: Web Component which uses the CSS Highlight API to highlight code blocks

scrwd,
@scrwd@mastodon.social avatar

@passle Shiki web bundle seems to be over 4MB? Is it possible to just to bring in the tokenizer bit?

scrwd,
@scrwd@mastodon.social avatar

@DavidDarnes @passle I think it will be interesting when this is targeted directly by libs - so we might just see lean tokenisers maybe - right now using an full existing lib that can run on the server, in the browser seems like overkill for syntax highlighting on a blog - maybe it's cool for interactive tools tho. Aside from a smaller amount of elements in the DOM I'm not sure where the big benefits lay - like is that enough?

jonhicks, (edited ) to random
@jonhicks@mastodon.social avatar

Well, it appears our ‘big car’ is fucked, and even if I want to spend the £3-4k I'm being quoted to fix it, I can't find anyone to do the work for months (timing chains = big job).

A lot of new & used cars are so bloody expensive and ugly/unexciting at the moment, and wondering if this is the time to finally make the leap to an EV. We do a lot of miles from Oxfordshire to Glasgow and back, and wonder if the infrastructure is there yet in the UK.

scrwd,
@scrwd@mastodon.social avatar

@jonhicks @rachelandrew for me one of the biggest "that's amazing" things is the "fuel" cost - right now the EV is just 10% of the cost per mile compared to our old mild hybrid petrol car. This is with a home charger and OVO Charge Anytime at 6.7p per kWh - to get these better rates you need a compatible charger - which is different per energy supplier, but there is some cross-over - OVO and Octopus both support Ohme chargers for example.

christianselig, to random
@christianselig@mastodon.social avatar

omg I thought I was the only one. Siri why are you like this

scrwd,
@scrwd@mastodon.social avatar

@christianselig Google Assistant is just as bad - it just gets more irritating - I think it might be that in order for to do more things it requires more precise language and that's why simple things that used to work are now being plagued with follow-up questions and confirmations. Just a thought. But like some else said - after all these years how come there have been no actual improvements!? Unless that was never their goal… maybe all they wanted was an always-listening device in your home… 👀

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

This little guy is the next victim of my REPAIR ALL THE THINGS journey.

Good lord finding these that Christmas back was so hard!

scrwd,
@scrwd@mastodon.social avatar

@rem this looks fun - what is it?

cheeaun, to design
@cheeaun@mastodon.social avatar

Had a quick thought, did a quick mock. Feels like using the word "address" seems better as it implies that there's a "place" where the account handle is located. Just like "email address", this could be "social address" maybe?

Side context: https://blog.joinmastodon.org/2024/02/mastodon-for-android-update/

scrwd,
@scrwd@mastodon.social avatar

@cheeaun two at symbol address…

TWo AT address…

twat address?

:thinkhappy:

scrwd, to CSS
@scrwd@mastodon.social avatar

So I'm loading a computationally expensive React component onto a page - I want a spinner to show whilst this happens - but the animation "freezes" whilst React does it's thing - the exact time it should be spinning.

What is the best fix for this (other than dropping the React component)?

scrwd, to CSS
@scrwd@mastodon.social avatar

Does anybody have a better way to do gradient border buttons (or boxes) with transparent background and flexible dimensions?

Here I'm using a strange-scaling SVG image as a mask over a gradient fill - it works and allows buttons of any width or size, but has a few too many "parts" for my liking.

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

P.S. border-image is not a solution here because it would distort the gradient.

scrwd,
@scrwd@mastodon.social avatar

@css ha, I was hoping you had something these look a bit slicker and easier to work with than my solution - I will investigate! Some new (to me) things there too - mask-composite!

zachleat, to random
@zachleat@zachleat.com avatar

Genuinely curious: what’s the point in developer advocacy or developer relations work if the parent company requires radio silence during periods of extreme criticism, facing backlash for the company’s direction and decisions?

Shouldn’t this be the moment in which your team are most useful?

scrwd,
@scrwd@mastodon.social avatar

@davatron5000 @zachleat which company's actions have triggered this line of thought? I think I've missed some news somewhere.

scrwd, to random
@scrwd@mastodon.social avatar

@zachleat did your <details-utils> not have some combination of options that would make it behave like an accordion once? I thought it didn't I can't find the.. uh… details

zachleat, to random
@zachleat@zachleat.com avatar

New web component: <webcare-webshare>

Uses the Web Share API to share a web site, falling back (on desktop usually) to a copy to clipboard workflow.

📮 Blog post: https://www.zachleat.com/web/webcare-webshare/
🖼️ Demo: https://zachleat.github.io/webcare-webshare/demo.html
⚙️ Source code: https://github.com/zachleat/webcare-webshare

scrwd,
@scrwd@mastodon.social avatar

@zachleat please help me learn - in what circumstances does globalThis work that window wouldn't (specific to web components) and when would someone use the registry argument to supply their own?

It all seems reasonable, but I just don't know enough about what the extra considerations are and would appreciate your expertise.

simevidas, to random
@simevidas@mastodon.social avatar

subgrid removes the need for scrollbar-gutter: force https://github.com/w3c/csswg-drafts/commit/13d4a2c101477e41300da0f57ad5b756af9964b8

scrwd,
@scrwd@mastodon.social avatar

@simevidas I haven't figured out a good way to use scrollbar-gutter yet - it creates the space but I can't make it show a scrolltrack in it and I end up with a weird-looking space. I'd have preferred an env(…) for the width

scrwd,
@scrwd@mastodon.social avatar

@simevidas if I am creating a space for it then sometimes I would like the option to have something in that space - if only to help explain to the use why there is extra space - for example, I had scrollable region with a sticky header - but with scrollbar-gutter:stable the header ends short of the edge because of the space reserved for a scrollbar and it looks iffy. So I would like more options to handle it in different ways as necessary.

scrwd,
@scrwd@mastodon.social avatar

@simevidas probably, it's not a critical issue I have - but it seems like it would be (more) useful to be able to access the width of a scrollbar for various layout calculations so I'm more wishful for that. Like I said, I haven't properly figured out how to best use scrollbar-gutter - it just seems to create a different set of things to think about rather than being a solution in itself (for me). Creating space for a scrollbar where there is no scrollbar needs appropriate design handling too.

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,
@scrwd@mastodon.social avatar

@tbroyer I'm not sure if Astro lets you have more than one slot tho? That's the key bit because a complicated layout can be used quite simply with multiple slots. I know I could use grid and subgrid to sort of create "slots" (similar to the link @macdonst shared - although using multiple slots it just assigns into a CSS grid area in the example) but that only works for some layouts - the more you have nested HTML the harder it is to make it work even with subgrid support.

jonhicks, to random
@jonhicks@mastodon.social avatar

Here's a little something I've been working on for a few weeks. It's two things:

  • a story about teaching myself how to make websites. It involves Bill Oddie and @adactio
  • a restoration of ultra geeky website I made in the early 2000s.

11px verdana is such a nostalgic buzz

https://hicks.design/journal/bill-oddie

scrwd,
@scrwd@mastodon.social avatar

@jonhicks @adactio that's fantastic - I entered the web job world around then too, both yourself and @adactio were definitely inspiration for me at that time. The web still seemed so exciting back then haha - it's been a pretty huge journey to where we are now and I'm glad to have experienced it.

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;

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