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

ross, to random
@ross@fosstodon.org avatar

The Verge article on the best printer in 2024 is just completely brilliant in so many ways.

And also kinda sad.

https://www.theverge.com/2024/4/2/24117976/best-printer-2024-home-use-office-use-labels-school-homework

Jbasoo,
@Jbasoo@mastodon.social avatar

@ross Not only an indictment of the printer industry but of LLMs too. You can tell the author has just had enough.

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 CSS
@Jbasoo@mastodon.social avatar

I got carried away last night after reading @bramus post on scroll direction detection using #CSS #scrollDrivenAnimations. It turns out you can control #pixelArt sprites in 8 directions! With zero #JS!

https://jamesbasoo.com/blog/scroll-driven-pixel-art-sprite/

Retro style pixel art character walking in various directions

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

I hacked together a weird hobby website generator last night (inspired by @hdv and @sophie talking about weird/personal sites and one commenter who struggled with ideas) https://jamesbasoo.com/w3gen/

Jbasoo, to random
@Jbasoo@mastodon.social avatar

Some nostalgia from @sophie at the pre event.

Jbasoo, to CSS
@Jbasoo@mastodon.social avatar

Are there any meetups in London planned for next year? I heard some rumblings after but nothing's popped up on my radar yet.

Jbasoo, to random
@Jbasoo@mastodon.social avatar

Oh yay, a "pay rise" that doesn't even match inflation. Are there any jobs going for a front-end dev with a strong interest in UX, performance, accessibility and over a decade of experience in multiple e-commerce platforms? https://jamesbasoo.com/ #FediHire #fedihired #fedijobs

Jbasoo, to random
@Jbasoo@mastodon.social avatar

My kingdom for standardised fridge/freezer drawers. Seriously, how are you meant to find spares when you move into a flat with a semi-broken fridge?!

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!

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

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 🤣

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!

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

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.

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!

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.

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

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

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, to Theatre
@Jbasoo@mastodon.social avatar

The puppetry, costuming and set design of the #SpiritedAway stage play are on another level. #theatre #anime #ghibli

Jbasoo, to random
@Jbasoo@mastodon.social avatar

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

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.

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