*guitar riff*

i've been hesitating to finish a basic navigation menu for like two weeks and idk what's wrong with me. this is a pattern i've written a dozen times by now - it should take less than an hour. it seems i've reached a point in my career (life?) where i could easily code just about anything, but i find myself second-guessing every decision. so much wasted time!! for nothing. stupid. frustrating.

haha. hhha... *sobbing*

and it's getting worse as i get older

thanks, this issue was hilarious. i love further down, there's even a merge from microsoft to to fix an icon in azure data studio. fwiw removing the viewbox attribute absolutely breaks the scaling behavior of an SVG and this maintainer is a ding-dong.

thank you!! this is such a good link - it actually explains why transform3d works. i didn't realize that it creates a new compositing layer 🤔 i'll have to be mindful of that info.

just a few random tips in the hopes that, by repeating them, the concepts will finally stick in my mind. i've learned and re-learned this information at least three times by now.

when animating CSS properties, make sure that you've explicitly declared the base state.

for example, if i'm animating a box shadow that appears on hover and the base state is effectively `box-shadow: initial`, i still ought to declare the box shadow property as though it were invisible:

.animate {
 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
 transition: box-shadow 0.4s;
}

.animate:hover {
 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}
the same goes for transform animations, which are especially janky on text with no base state. use `translate3d(x, y, z)` instead of `translateX` or `translateY` which triggers hardware acceleration -> smoother animation.

.animate {
 transform: translate3d(0, 0, 0);
 transition: transform 0.2s;
}

.animate:hover {
 transform: translate3d(0, -1em, 0);
}
avoid animating margins and top/bottom/left/right - prefer transform where possible.

sometimes `backface-visibility: hidden` helps - it depends on the animation.

selectively use `will-change: transform` for heavy transform animations, as a last resort.

anyway, we'll see if i remember next time i have to animate something. 🫠

i never shoulda learned to code

i shoulda been a farmer

the twilight shitposting group on FB has me back on my twilight shit. only semi-ironically.

good link! i love wes. seconded - his js content is great for anyone trying to break into the language. check out "javascript30," as well as "beginner javascript" and "es6 for everyone" if you have some money to spend.

wesbos.com/courses

cssgridgarden.com/ - enjoy!

support.proboards.com/thread/673246/proboards-v6-development-status-update

actual java? abandon hope.