@lonekorean@front-end.social
@lonekorean@front-end.social avatar

lonekorean

@lonekorean@front-end.social

Design Technologist at Square. I love the front-end. JavaScript, CSS, UX, accessibility.

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

lonekorean, to CSS
@lonekorean@front-end.social avatar

Are folks using things like margin-inline as shorthand for left/right and margin-block as shorthand for top/bottom?

Or do you avoid that because of writing-mode/direction/text-orientation?

Or are those not really a concern in your usage? #css

lanodan, to random
@lanodan@queer.hacktivis.me avatar

Yeah… remember when they tried to add adware in GIMP Windows Installer?
Button: Download Now ; SourceForge - Trusted for Open Source.png

lonekorean,
@lonekorean@front-end.social avatar

@lanodan oh wow SourceForge, that's a name I haven't heard in a while

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

Good morning. I woke up in this place. I guess I live here now.

So far we're rolling with a 'stacked boxes' aesthetic.

lonekorean,
@lonekorean@front-end.social avatar

@mia Your wording makes me think you just claimed this place as a squatter and now it's yours. Grats!

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

Kinda miss the days when I’d decide “I’m gonna learn a new programming language!” and go to Barnes & Nobles and buy a 600 page physical book to read through

idk just felt visceral and tactile and fun

Plus I could put a chonky book on my bookshelf and feel smart

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

I got my first email account around 1998. It was a free Juno email, on dial-up.

I thought it was neat. Then my dad found out about it. He was ABSOLUTELY convinced it was a scam, no way could this newfangled "email" thing be free.

So he printed (yes, printed) out the entire TOS and went through it line-by-line, over-analyzing everything and eagerly exclaiming "AH HA! SEE! This is where they get you!".

Then he called Juno and made them cancel my free email.

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

Haha, @lonekorean found the ultimate z-index hack. 😅

https://codersblock.com/blog/playing-with-infinity-in-css/

lonekorean,
@lonekorean@front-end.social avatar

@aral Nothing. 🙂 It's still infinity.

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

Got back into my wordpress-export-to-markdown project after a 3 (!) year hiatus. Made a ton of improvements already. Feels good.

Might do some proper blogging about it later.

Meanwhile, if you're thinking of migrating from WordPress to a static site generator (cough @eleventy cough) then maybe give it a try!

https://github.com/lonekorean/wordpress-export-to-markdown

brad_frost, to random
@brad_frost@mastodon.social avatar

I ❤️ websites.

lonekorean,
@lonekorean@front-end.social avatar

@cory @brad_frost I wonder if there’s a React add-on that lets you put plain text into some sort of native HTML file

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

Revisiting an old open source project and trying to figure out why I put decodeURIComponent() calls all over the place.

Then I found a file named encoding-notes-for-future-will.txt that explains all the weird edge cases and why I did it.

Sometimes that past Will guy can be pretty alright.

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

Question. I had seafood that was about to go bad. So I made seafood stock out of it. Does that reset the expiration date?

lonekorean,
@lonekorean@front-end.social avatar

@sarajw ooh good idea, I should have done this days ago haha

5t3ph, to random
@5t3ph@front-end.social avatar

i am a potato

lonekorean,
@lonekorean@front-end.social avatar

@5t3ph

mia, to CSS
@mia@front-end.social avatar

The #CSS WG resolved to officially work on native custom functions and mixins.

The explainer: https://css.oddbird.net/sasslike/mixins-functions/

The discussion & resolution: https://github.com/w3c/csswg-drafts/issues/9350#issuecomment-1939628591

The spec: (working on it!)

lonekorean,
@lonekorean@front-end.social avatar

@mia oh wow, this is huge, very exciting!

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

Being a web dev is SO WEIRD sometimes.

I'll do something totally normal like have a blue background and it'll be fine except one browser is all "I'm gonna make that pink lol" and the fix is to move the background by 0 pixels.

This isn't even a joke.

Safari has an issue with filter: blur() and color interpolation. It rendered a blue background as pink. The fix was to add translate3d(0, 0, 0) to promote into a layer.

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

New blog post!

✍️ Nicer Text Wrapping with CSS text-wrap

https://codersblock.com/blog/nicer-text-wrapping-with-css-text-wrap/

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

Feels like news sites keep pumping out these "trend" pieces that are just double dipping rage bait.

The headline is something that sounds totally made up like "Gen Z's latest trend is DEAD MIMING".

And Gen Z is all like "what? we're just tired and broke" and Boomers are like "well maybe you wouldn't be if you stopped DEAD MIMING"

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

The new baseline banners on MDN are kind of confusing to me...

For example: https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector

The baseline banner at the top says "limited availability" and has X's next to Chrome, Edge, and Safari. But the browser compatibility chart at the bottom says all those browsers support it.

After reading up on it, ok, I now know that it's taking delayed browser adoption into account, but that's still confusing at a glance.

There's got to be a better way to convey that.

lonekorean,
@lonekorean@front-end.social avatar

@AmeliaBR apparently there is a "newly available" tag, but it's not on this page and I'm not sure why 🤷

lonekorean,
@lonekorean@front-end.social avatar

@keithjgrant Not that I know of.

I found this article (likely the same one you saw): https://developer.mozilla.org/en-US/blog/baseline-unified-view-stable-web-features/

And the GitHub repo that provides the data for it: https://github.com/web-platform-dx/web-features

lonekorean,
@lonekorean@front-end.social avatar

@mia @AmeliaBR Looks like it. The baseline banner data comes from here: https://github.com/web-platform-dx/web-features

I thought the browser compat tables used caniuse data, but looks like they actually use this? https://github.com/mdn/browser-compat-data

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

Is there any particular way of building websites that you're nostolgic for?

lonekorean,
@lonekorean@front-end.social avatar

@chriscoyier I've got big nostalgia for the Dreamweaver era.

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

Firefox still does not let you register a CSS custom prop in order to make it animatable. https://developer.mozilla.org/en-US/docs/Web/API/CSS_Properties_and_Values_API

My sadness is immense.

But good news, the current Firefox Nightly v123 will change that and is slated to ship February 20. 🎉

lonekorean,
@lonekorean@front-end.social avatar

@keithjgrant @tylersticka huh interesting.

Here's an example animating integers: https://codepen.io/lonekorean/pen/PoGNxjE

And here's one animating angles: https://codepen.io/web-dot-dev/pen/poGVqLO

Neither works for me in current Firefox v121.0 on Windows.

lonekorean,
@lonekorean@front-end.social avatar

@keithjgrant @kizu @tylersticka You've def lost your sanity. I'm not even real. You're hallucinating this Mastodon thread.

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

Anyone here use Threads? How is it?

Not particularly excited about going deeper into the Meta ecosystem, but I've heard good things.

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