@Jbasoo@mastodon.social avatar

Jbasoo

@Jbasoo@mastodon.social

Front-end dev. Enjoys nerdy stuff, cars, cooking, tinkering etc. UK based.

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

tixie, to random
@tixie@guerilla.studio avatar

text-overflow: ellipsis; is not a good content design solution edition 9872628

Jbasoo,
@Jbasoo@mastodon.social avatar

@tixie I saw this on Instagram recently too.

Jbasoo, to Theatre
@Jbasoo@mastodon.social avatar

The puppetry, costuming and set design of the stage play are on another level.

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

there are no rules on airport time, therefore a midnight coffee is completely fine

Jbasoo,
@Jbasoo@mastodon.social avatar

@fox I once had a triple cheeseburger at 6AM. I regretted it later.

Jbasoo, to CSS
@Jbasoo@mastodon.social avatar

I was kinda hoping calc-size() could resolve intrinsic sizes inside math functions but it doesn't seem to (at least in Chrome Canary). Not sure if that's a bug or if Friday afternoon isn't the best time to try to understand draft specs 🤯

I don't think it would be a common use case, but it would be handy to be able to use it to solve things like this https://mastodon.social/@Jbasoo/110593686096922129

Jbasoo,
@Jbasoo@mastodon.social avatar

@noleli Yeah I feel like a magic function that resolves intrinsic values as extrinsic ones would solve a lot of annoying niggles.

Credit to CSS Weekly for putting it on my radar https://youtu.be/1VsMKz4Zweg

Jbasoo,
@Jbasoo@mastodon.social avatar

@kizu oooh amazing! Thanks! That explanation clicked a lot easier than my tired brain trying to understand the spec 😅

simevidas, to random
@simevidas@mastodon.social avatar

CSS adds ::details-content

https://github.com/w3c/csswg-drafts/commit/3715f00190ea62a7e9afe31b3a7ca1f61b10b998

Jbasoo,
@Jbasoo@mastodon.social avatar

@simevidas I was wishing this was a thing today!

sue, to random
@sue@glasgow.social avatar

I've been getting back into swimming and am really enjoying it, but more than that I'm enjoying telling people about my various injuries

Jbasoo,
@Jbasoo@mastodon.social avatar

@sue I swam yesterday and now my arms are basically useless.

opdavies, to CSS
@opdavies@mastodon.social avatar

If you still write Sass, why do you do it?

https://www.oliverdavies.uk/daily/2024/05/27/why-do-you-still-write-sass

Jbasoo,
@Jbasoo@mastodon.social avatar

@opdavies Primarily maintaining existing projects. I've used Tailwind a fair amount but as I don't normally live in JS framework component land I find it pretty cumbersome. Right now I've settled on mostly vanilla CSS running through PostCSS for the few things I'd use a preprocessor for, like variables in media queries.

mattwilcox, to random
@mattwilcox@mstdn.social avatar

Which have I used in a Real World Project?

  • [x] Container Queries
  • Style Queries
  • [x] CSS Layers
  • [x] Subgrid
  • [x] Native CSS Nesting
  • [x] :has, :is, :where
  • [x] Dialog, Popover
  • [x] Logical Properties
  • Scroll-Linked Animations
  • View Transitions

Not too bad then I guess.

Jbasoo,
@Jbasoo@mastodon.social avatar

@mattwilcox Only nesting, :has :is :where, and logical properties for me on client projects, and running it through PostCSS for a bit more backwards compatibility. I've tinkered with some of the others on my personal site and codepen but I'm not sure it's worth using the new stuff if it means having to convince clients about progressive enhancement.

Jbasoo,
@Jbasoo@mastodon.social avatar

@mattwilcox Yeah tooling can get convoluted very fast, although I haven't used vite yet, just grunt, gulp, webpack. Currently I'm just using the PostCSS watcher so it's not that bothersome.

Jbasoo,
@Jbasoo@mastodon.social avatar

@mattwilcox Fair enough, quick win. I don't mind tooling as long as it's just a sprinkle where it's actually necessary and not some steampunk rube goldberg machine.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

What mid-range tablets would you all recommend these days? My current Huawei one is begging for retirement.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

I regret playing badminton yesterday. Ow.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

I can tell I'm going to regret playing badminton tomorrow.

nixCraft, to random
@nixCraft@mastodon.social avatar

This engineering marvel is an amazing mouse I've used for years and you won't believe it!

Jbasoo,
@Jbasoo@mastodon.social avatar

@nixCraft The only thing I wish they'd change is easily replaceable switches. I've had a few and the left click and thumb click don't seem to survive more than 3 years.

thomasfuchs, to random
@thomasfuchs@hachyderm.io avatar

There's this unproven assumption that "we just need to train it more" is the solution to generative AI lying and being generally mid.

What really happens is that with more data, it will approach absolute midness.

If they (as they plan) try to feed to generated-by-AI text to "learn" it will even regress (actually a good Bible quote for this, "as a dog returns to his vomit, so a fool returns to his folly").

Jbasoo,
@Jbasoo@mastodon.social avatar

@thomasfuchs This is a pretty good video on how it may have peaked and throwing more data at it probably won't move the needle much. https://youtu.be/dDUC-LqVrPU

marsh931, to random
@marsh931@mastodon.design avatar

Went to see Hamilton last night for a work social so you can best believe I’m gonna be listening to the soundtrack on repeat today

Jbasoo,
@Jbasoo@mastodon.social avatar

@marsh931 I once tried to do Guns and Ships at karaoke and thought my lungs were going to explode 😅

Jbasoo,
@Jbasoo@mastodon.social avatar

@marsh931 How on earth he raps in a french accent while jumping off a table I'll never know.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

Coco gets me every time 😭

Jbasoo, to Steamdeck
@Jbasoo@mastodon.social avatar

Well that update was a bit rough. I thought it was bricked for a while there 😬

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

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

Jbasoo,
@Jbasoo@mastodon.social avatar

@cferdinandi @chriscoyier Maybe I'm being overly optimistic, but I see web components as having the power for both strategies. Dependency heavy components for ephemeral, fast moving projects and progressively enhanced ones for longevity, but with the benefit of a (mostly) common syntax/ergonomics in either situation.

rachelnabors, to random
@rachelnabors@toot.cafe avatar

This is why I prefer working with other neuro diverse people. https://youtu.be/C2zW3S5M3ro?si=Goh_tIFPKVRGed1U

Jbasoo,
@Jbasoo@mastodon.social avatar

@rachelnabors It definitely took me a few years to realise that I'm often perceived more positively if I just say yes to whatever bonkers idea my boss has and let them deal with the fallout later instead of trying to improve upon it upfront.

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

My kids are getting into One Punch Man and when I catch a few scenes myself, I absolutely love the premise.

Jbasoo,
@Jbasoo@mastodon.social avatar

@marcamos The first season is absolute gold.

Jbasoo, (edited ) to CSS
@Jbasoo@mastodon.social avatar

Does anyone know of a way to make the width of an element snap to a multiple of a base value? I'm trying to see if it's possible to get these items to align to the grid-paper like background. I figure round(up, max-content, var(--bg-grid-size)) is the logic I'd want but round() doesn't accept intrinsic sizes. Maybe there's a technique with min() or something? #CSS #WebDev

Jbasoo,
@Jbasoo@mastodon.social avatar

@rgadellaa looks like we have a solution! https://front-end.social/@kizu/112537660977381136

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