@chriscoyier@front-end.social avatar

chriscoyier

@chriscoyier@front-end.social

Co-Founder of CodePen

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

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

u tell me we're gonna get "transition to auto" you know I'm gonna play with it.

I'd share the Pen but I need to work on the accessibility of it a bit.

dropdown menus that open downwards, showing off a block-size animation that starts at zero and ends at the auto height of the menu. There is a submenu that does the same thing.

chriscoyier,
@chriscoyier@front-end.social avatar

Here's the work so far:
https://codepen.io/chriscoyier/pen/OJYmgNL

(Chrome Canary only with Experimental Web Platform Features flag on.)

(But it should also work fine, just not animate, in other browsers. Some might even prefer that instant feel. This was specifically an exercise in transitioning to an auto block-size though, so save it.)

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

Listen I sunk 6 beers and went to an empty theater to see Furiosa and that’s about as close to religion as ya boy got.

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

Multipage Version

Super cool zine from Mat. Me, I like HTML, and I wanted to do something with a little texture to it. So I asked a bunch of people way more talented than I am if they were down to contribute to a zine about heading elements—h1 and company, here with us for as long as hypertext nodes themselves. I ordered the print ones (because zines are cool that way), but I've already read the PDF and it's fantastic. It's funny, it's weird, it's niche, and it's…

https://chriscoyier.net/2024/05/29/multipage-version/

chriscoyier,
@chriscoyier@front-end.social avatar

I managed to forgot to LINK to it at first, but now post is updated.

It's: https://multipa.ge/

mathowie, to random
@mathowie@xoxo.zone avatar

me: (hasn’t touched the 4K version of Dune 2 sitting unwatched on my Plex for a month because sitting down for 3.5hrs seems impossible to schedule)

also me: (1h30m into the 4 hour Disney Star Wars hotel YouTube review video by Jenny Nicholson, asking my spouse to pick up the dog from day care so I can finish it in one sitting)

chriscoyier,
@chriscoyier@front-end.social avatar

@mathowie oooh yeah I powered that sucker on Sunday, something unstoppable about it

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

Toniebox

Another kid's device we have that we've gotten tons and tons of use out of is the Toniebox. It's this soft padded box with a speaker on it (or plug in headphones). You place a character on it (a "Tonie") and it plays the audio associated with that Tonie. It basically tells stories. We heard about it from another family where the kid referred to it as "listening to their podcasts".

https://chriscoyier.net/2024/05/24/toniebox/

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

I hadn't seen ToDesktop before.

https://www.todesktop.com/

The video (it says 90 seconds but it's 3:20) is compelling. Smart how it easy easily importable hooks to test if you're in the native app and do special things, but it's all optional.

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

Puerto Vallarta

Our little family took a quick trip down to Puerto Vallarta, Mexico — meeting my inlaws there for some fun in the sun. We stayed at the Hyatt Ziva. We actually "won" the trip a few years back at a live auction/benefit for the Boys & Girls Club of Bend, so it felt nice to make use of it and get down there finally.

https://chriscoyier.net/2024/05/23/puerto-vallarta/

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

Frostapalooza

Quick note that I'm totally going to Frostapalooza (and you can too!) Frostapalooza is a giant one-night-only benefit concert-slash-party-slash-happening featuring an amorphous super group of talented musicians from bands like: Brad Frost is turning 40 and throwing this as a massive party/concert. I'll be playing banjo in the show for a couple of tunes. You'll likely notice a few other web nerds on the musician lineup.

https://chriscoyier.net/2024/05/22/frostapalooza/

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

Ten Blue Links https://tenbluelinks.org/

Really straightforward instructions to continue using Google Search, but have it be AI (and ad) free. Kind of impressive it works so easily.

chriscoyier,
@chriscoyier@front-end.social avatar

Interesting that helping with HTML, CSS, and JavaScript is the very first suggestion for Gemini (Google's AI).

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

Kingdom Rush

I think it was during the ShopTalk with Blake Watson where "tower defense" games briefly came up and someone recommended Kingdom Rush. It's not exactly new, coming out in 2011, but it was new to me. I played on iOS. It feels like the total classic of tower defense games. Monsters come at you, you build towers to stop them. There are different types of towers, and your success comes from the right combinations, upgrades, and placement.

https://chriscoyier.net/2024/05/21/kingdom-rush/

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

Assuming the premise that us CSS developers aren't reaching for container queries as much as well all thought we would is true...

Why do you think that is?

chriscoyier,
@chriscoyier@front-end.social avatar

@potch @Meyerweb Yeah that's fair. Safari 15 was just 2022 and the ever-green-ness of Safari is questionable.

chriscoyier,
@chriscoyier@front-end.social avatar

@sebastianlaube @matthiasott Yeah and at-supports is only really an option if what you're doing feels optional.

chriscoyier,
@chriscoyier@front-end.social avatar

@belldotbz Right, seems like we also got more into using techniques that don't require breakpoints.

chriscoyier,
@chriscoyier@front-end.social avatar

@eric Is THAT why the eyes of my totem pole are glowing red?

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

@jen4web fixing!

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

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

chriscoyier,
@chriscoyier@front-end.social avatar

That only holds up though if absolutely none other dependencies are involved.

Like as nice as Lit is or whatever, that's a dependency, it will have a lifespan, and it imposes that same lifespan on your Web Components.

I have no answers to this, just sayin'

chriscoyier,
@chriscoyier@front-end.social avatar

@cferdinandi right right the advantage only extends as far as the weakest dependency

chriscoyier,
@chriscoyier@front-end.social avatar

@taybenlor I suppose it will “rot” at the same rate as any other web anything

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