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

Jbasoo, to random
@Jbasoo@mastodon.social avatar

New phone ordered, now for the intense case research!

Jbasoo,
@Jbasoo@mastodon.social avatar

I'm actually kinda disappointed in myself. I'm 7 days away from owning my current phone for exactly 5 years.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

I just attempted to buy a new phone but the checkout didn't work in Firefox 🙄

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

My world is complete. @kevinpowell started his talk with "Hello my front end friends!"

Jbasoo,
@Jbasoo@mastodon.social avatar

@sarajw @kevinpowell Really, backlash? I use that exact wrapper technique all the time!

Jbasoo,
@Jbasoo@mastodon.social avatar

@sarajw @kevinpowell Wild. New stuff is always hard to understand simply because you don't know it yet. That's precisely what Kev's there for!

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Deliberately not deleting Twitter DM requests to get a live index of how bad things are going

Jbasoo,
@Jbasoo@mastodon.social avatar

@DavidDarnes Hi darn 🤣

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

Sarah Dyan was introduced as being "very brave" for coming to #CSSDay and talking about utility-first CSS!

I agree but I'm happy to listen :)

My biggest grievance with tailwind in particular is how it's cemented breakpoints, while going fluid feels much better.

It may just be that there's a lag between what CSS can do now, and what surfaces through tailwind and other utility first frameworks.

I dunno 🤷

I guess I think utility styles are a good tool that can be used alongside normal CSS.

Jbasoo,
@Jbasoo@mastodon.social avatar

@sarajw I agree, I've used utilities for a long time but it's usually a last resort. I've tried Tailwind multiple times but on the stacks I work with it's just so hard to maintain.

mattwilcox, to random
@mattwilcox@mstdn.social avatar

https://store.steampowered.com/app/1582650/Caravan_SandWitch/

Makes me think of Jusant

Jbasoo,
@Jbasoo@mastodon.social avatar

@mattwilcox Why do I have so little time when there are so many good looking games!

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 #SpiritedAway stage play are on another level. #theatre #anime #ghibli

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

#dev #SoftwareDevelopment #css

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.

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?

Jbasoo,
@Jbasoo@mastodon.social avatar

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

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