@noleli@mastodon.social
@noleli@mastodon.social avatar

noleli

@noleli@mastodon.social

UX∩audio, FE design+dev, data viz, severe weather, Judaism. Whistler. PhD from Northwestern TSB. UXE/Design Technologist at Shure. KC8TKP.

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

robb, to random
@robb@social.lol avatar

Trying Raycast: Part Two https://rknight.me/blog/trying-raycast-part-two/

In this second part I dig into extensions including building some of my own.

Part one: https://rknight.me/blog/trying-raycast-part-one/
My Raycast extensions and scripts: https://github.com/stars/rknightuk/lists/raycast-extensions

noleli,
@noleli@mastodon.social avatar

@robb in case this is relevant for you, https://mastodon.social/@noleli/109321491589291124

tixie, to random
@tixie@guerilla.studio avatar

iTerm, can you NOT PUT FUCKING AI in my terminal. I don't need AI in my fucking terminal ffs.

Damn, tech bubble is fucking rotting everything

noleli,
@noleli@mastodon.social avatar

@jamie @konnorrogers @tixie ugh nooo

matthiasott, to UX
@matthiasott@mastodon.social avatar

A little quiz: in which of those two inputs will your password be visible aka unmasked? 🤔

noleli,
@noleli@mastodon.social avatar

@matthiasott sigh https://www.nngroup.com/articles/state-switch-buttons/

chucker, to random
@chucker@norden.social avatar

When is a geometric mean preferable over a median?

Trying to do something with sensor data and to get meaningful “averages” for five brackets of the day (night, morning, noon, afternoon, evening), and I’m unsure which constitutes a more “representative”, “typical” value.

noleli,
@noleli@mastodon.social avatar

@chucker I’m not sure about geometric mean, but arithmetic mean is most meaningful (pun slightly intended) when the data has a normal(ish) distribution. Otherwise I use median. I’d start by plotting histograms for each time range to understand the distribution.

scott, to random
@scott@typetura.social avatar

@chriscoyier @codepen Feature request: have a run button present even when auto-run on save is enabled so I don’t have to refresh the page or add/delete a space to see an animation again.

noleli,
@noleli@mastodon.social avatar

@scott @chriscoyier @codepen there is a keyboard shortcut, at least. I never remember it. It involves the number 7 🫠

matthiasott, to random
@matthiasott@mastodon.social avatar

By the way, do you have a personal website and does it have a home page? (I’m pretty sure it does… 😁)

I would love to know: what’s on your “home” and why?

Feel free to share a link, of course. 🤗 As always, I’m also asking on behalf of my newsletter subscribers.

noleli,
@noleli@mastodon.social avatar

@matthiasott Home is recent blog posts, a mix of “featured” stuff (blog posts and projects), and a bio

cferdinandi, to webdev
@cferdinandi@mastodon.social avatar

🍦 New Article: More ways to instantiate Web Components https://gomakethings.com/more-ways-to-instantiate-web-components/

noleli,
@noleli@mastodon.social avatar

@cferdinandi thanks for writing this; this issue is frustrating. The rAF/setTimeout thing always feels like a hack, but I do it. I want MutationObserver to work for detecting when the necessary children are added, but I think I played with that and it didn’t work (don’t remember why). If the child component is also custom, could it fire a ready event in its connectedCallback that the parent listens for? Relatedly, Lit has a RootContext object to solve a related problem https://lit.dev/docs/data/context/#contextroot

noleli, to random
@noleli@mastodon.social avatar

Ok fam, question for ya. A well-known limitation of ::slotted() is that it only selects direct children. I’m making a component that wraps nested lists and I want to apply styles to all child slotted <ul>s.

Is it reasonable to work around this by having the component have the parent document adopt a stylesheet?

noleli,
@noleli@mastodon.social avatar

@cferdinandi lol, here in Design Systems Land my goal is to make sure Angular developers have to write as little CSS as possible by delivering fully functional and styled components…

noleli, to random
@noleli@mastodon.social avatar

Something I didn’t fully appreciate when we started building a design system (and, especially, a component library) is how much of my job would be devrel with our internal app development teams.

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

What's a budget decent microphone for use in streaming/recording speech that won't break the bank and is available to order swiftly into Germany?

Thanks!

noleli,
@noleli@mastodon.social avatar

@sarajw i’d pitch my employer’s products, but they’re probably a bit too spendy for what you’re looking for

noleli,
@noleli@mastodon.social avatar

@sarajw just in case, https://www.shure.com/en-US/products/microphones/mv7

noleli, to random
@noleli@mastodon.social avatar

Proselytizing cults are bad, be they religious, political, or technical. But, speaking as a member of a historically persecuted religious group, can we please not make fun of people’s religion? Kthx

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

Another audit, another website that uses divs instead of buttons. I. don't. get. it.

noleli,
@noleli@mastodon.social avatar

@matuzo @hi_mayank @cvennevik @sarajw heh, I was recently dealing with this with dialog, too. Have to unset margin, padding, border, width, max-width, and any relevant insets depending on what you’re trying to do. Mayank more or less convinced me that resetting the individual properties was a better option that all 😅

matthiasott, to blogging
@matthiasott@mastodon.social avatar

Bloggers and writers! Which tool(s) are you using to draft and write your posts or articles? And how do you keep track of the status of a piece (idea/draft/edited/published etc.)?

noleli,
@noleli@mastodon.social avatar

@matthiasott initial drafting in Bear, then copy markdown into Nova for final editing, adding figures, etc. I have a #toblog tag in Bear for ideas and a #draft tag for drafts. I use the string tk liberally in my drafts to remind myself to add things like links and other final touches (https://en.wikipedia.org/wiki/To_come_(publishing))

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

7 years after I saw this get demoed by @chriscoyier at , WebKit now added support to animate SVG path data from within CSS through the d property.

svg:hover path {  
 d: path("M5,2 Q 8,5 5,8");  
}

Good to see long-lasting bugs eventually get tackled :)

Bug: https://bugs.webkit.org/show_bug.cgi?id=272447

Demo: https://www.bram.us/2017/06/21/changing-svg-path-data-with-css/ (Chrome and Firefox, soon Safari too)

noleli,
@noleli@mastodon.social avatar

@bramus @chriscoyier finally! With this and registered properties, I should soon be able to do my plucky underline (https://noahliebman.net/projects/plucky-underline/) with no JS!

noleli, to random
@noleli@mastodon.social avatar

I have a 72-page, 36-year-old typewritten document that was scanned to a non-OCRed PDF in 2010. I’m trying to cleanly extract the text so I can convert it to markdown. All attempts at OCR have yielding extremely messy results. Is there a new generation of ML-based OCR I could try, or should I MTurk it?

noleli,
@noleli@mastodon.social avatar

Related…I was initially thinking I’d turn these HOA bylaws into an 11ty site, but now I’m thinking VitePress. Unless there’s an SSG designed for legal documents?

noleli,
@noleli@mastodon.social avatar

Turning legalese from the 1980s into well-structured markup has its challenges. Some numbered paragraphs have titles, making them subsections. But some are just numbered. But the numbering scheme makes clear that they’re intended to be subsections, not a list. So now I’m thinking I could reach for the oft-maligned <section> element, which, in my case, may or may not contain an <h3>, but from a counter’s perspective is still a proper section. Does that seem reasonable?

noleli,
@noleli@mastodon.social avatar

@mdekstrand people discourage using it because of what it can (or historically did) imply about the levels of the headers inside it. My main take-aways from these posts are that it’s a long and sordid tale, and that it’s still not clear to me what to do when some sections that would have an h3 are missing the heading.

https://www.smashingmagazine.com/2020/01/html5-article-section/

https://adrianroselli.com/2016/08/there-is-no-document-outline-algorithm.html

@brucelawson @aardrian

noleli,
@noleli@mastodon.social avatar

@mdekstrand @brucelawson @aardrian right, with proper headings it seems to be totally harmless, so your application seems fine. The one thing that threw me off was the discussion at the end of the Smashing article about <section> without headers. Like, would I need to give it an aria-label of “Untitled section”? And would that be better or worse than your suggestion of actual Untitled headers (even if visually hidden)?

jkohlmann, to random
@jkohlmann@mastodon.social avatar

Didn’t expect an ad for the U.S. Space Force to invoke “the round pegs in the square holes” from Apple’s famous “Think Different” campaign. Gross

noleli, (edited )
@noleli@mastodon.social avatar

@jkohlmann using a common turn of phrase in a reference to this story, maybe? https://gizmodo.com/this-is-the-actual-hack-that-saved-the-astronauts-of-th-1598385593

noleli, to random
@noleli@mastodon.social avatar

Ugh c’mon clouds, let me see the eclipse!

noleli,
@noleli@mastodon.social avatar

@sarajw oh nooo! I caught totality in 2017 and it was truly one of the most incredible things I’ve ever seen/experienced. Really want to do that again, and to share it with my family! I sincerely hope you get to experience full totality one day.

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

Do I want to try and install Word 97 just to prove to myself there really was an HTML editor built into it?

I swear that's how I learned HTML. I think for my personal history I need to know. And take some decent screenshots...

noleli,
@noleli@mastodon.social avatar

@sarajw this is so fun! I’m kind of curious what modern sites look like in IE from that era

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