Jbasoo

Jbasoo, 7 months ago to 11ty

I've just started learning #webComponents and oh my days there seems to be a lot of ways to boilerplate this. Should I just use #Lit? It looks like I'd need a bundler which seems overkill for my tiny #11ty site.

Also, are there any good courses around?

Jbasoo, 7 months ago to random

I think I've just discovered the cause of my regular Saturday headache. It's almost as if humans weren't meant to be hyper-stressed 5 days a week! 😖

https://www.nhs.uk/conditions/headaches/10-headache-triggers/

Jbasoo, 7 months ago to CSS

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, 11 months ago (edited 11 months ago) to CSS

Has #CSSTricks been fully abandoned now? It doesn't look like there's been any posts since April. It helped my #CSS so much over the years I hope that there's a spiritual successor out there. If not then I'd be tempted try something.

Jbasoo, 8 months ago to programming

Has anyone ever had to sticky position an element to the bottom of the viewport once the user scrolls to the end of the element before?

My mental model of position: sticky; isn't the best and my #JS solution was a bit hacky. #CSS

Jbasoo, 5 months ago to random

Dear plugin/framework/platform devs, STOP USING !important IN YOUR CSS. Either learn the basics of specificity and the cascade or hire front-of-frontend devs. You're making your code much harder to consume, especially for juniors.

Jbasoo, 11 days ago to CSS

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 #CSS 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, 1 year ago to random

#cssday Listening to Sanne 't Hooft's talk I think I need to take a math course 🤯

Jbasoo, 7 months ago to random

Not sure if it's Stockholm syndrome or if I'm actually starting to like #WebComponents

Jbasoo, 10 months ago (edited 10 months ago) to CSS

Dear #TailwindCSS experts, is it possible to do min/max/clamp/etc? Doesn't seem to be any mention of these functions in the docs. #CSS

Jbasoo, 7 months ago to random

I'm kinda skeptical of every new framework trying to become the next big thing and locking developers into a methodology that abstracts the fundamentals away. I think I'd have a lot more confidence if their mission was explicitly, "This design pattern is awesome so we want to refine it, push the web platform forward and ultimately make our own framework obsolete."

Jbasoo, 6 months ago to random

I've almost bought the OLED Steam Deck multiple times today. Must....Resist...

Jbasoo, 11 months ago (edited 11 months ago) to CSS

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, 1 month ago to random

I wanted to do #jsnakedday but life got a bit busy with it being my first anniversary tomorrow. Maybe I should investigate automated deploys for next year 🤔

Jbasoo, 10 months ago to random

The latest episode of @shoptalkshow is a lot of fun. Both hating on and praising #CSS which is basically my daily struggle 😅

Jbasoo, 7 months ago to CSS

Are there any open source repositories for 8 bit RPG/Pokemon style graphics? I'm making a little #css demo and want something fun. #gameDev

Jbasoo, 6 months ago to programming

I went to book a flight with Wizz Air last night and the absolute shocking web performance made me feel better about my own work.

It takes ~30s to process the #JS and render the search, literally the primary function of the site. I like the DX of #VueJS but is this kind of performance really worth it?!

Jbasoo, 9 months ago to random

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?!

Jbasoo, 8 months ago to random

Just started playing Ghost of Tsushima and the wind sounds are so realist... oh wait that's just my PS4 trying to take off.

Jbasoo, 5 months ago to accessibility

Using <details> inside <nav> for a multi-level menu must have some #accessibility concerns, right? https://codepen.io/jbasoo/full/PoLYNzG

Jbasoo, 4 months ago to CSS

Erm... Ok then, #Copilot. 🤖 #CSS #AI

Jbasoo, 4 months ago to CSS

Arbitrary shade values usually go from lightest (100) to darkest (900), but shouldn't it be the other way around?

I've been playing around with the number being the lightness value in hsl/oklch and it seems to be fairly intuitive.

#CSS #DesignSystems

Jbasoo, 1 month ago to random

I currently have that melancholy feeling after finishing something great, in this case it's from Horizon Zero Dawn.

Jbasoo, 3 months ago to random

Day 55 of Finnish on Duolingo and I just want to give up.

Jbasoo, 10 months ago (edited 10 months ago) to random

I'm currently attempting to understand knockout.js in Magento and I am NOT happy about having to learn something I'm probably never going to use again.