scottjehl

scottjehl, 8 days ago to random

Alright, friends! It's the last day of this 30 day campaign.

🚨 23 HOURS LEFT 🚨

The Kickstarter for Web Components Demystified is about to end. Get in on early bird rates now to learn about web components this summer! Team discounts available. 👇
https://www.kickstarter.com/projects/scott-jehl/web-components-demystified

video/mp4

scottjehl, 9 days ago to random

A few days back I was talking about MDN’s Custom Elements guide and how it could use a support disclaimer when it introduces custom built-in web components to warn folks that the feature doesn’t work in Safari. Anyway, you can just send a pull request for these things. The MDN team is very responsive and it’s already live. 👍 hopefully it’s clearer now https://github.com/mdn/content/pull/33898

scottjehl, 12 days ago to random

I suspect that MDN's custom elements guide has led many web components newcomers to early disappointment. It leads with customized built-ins as the first of two enhancement paths, and showcases some great examples that use them via [is=""]. It takes some digging (or testing) to learn Webkit doesn't implement that part of the standard. By then, you might've thought built-ins would be the primary way you'd bind enhancements! But then, the guide does follow the standard
https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements

mayank, 15 days ago to webdev

i created a tiny (~10LOC) custom element to demonstrate how easy it can be to avoid repetition of shadow dom templates.

why can't we have something like this built into #HTML? seems fairly safe and uncontroversial

https://www.mayank.co/notes/use-html

zachleat, 16 days ago to random

34 felonies seems like a lot of felonies

scottjehl, 16 days ago to random

Just finished @Wilto's zine and what stuck with me most is that @zachleat said no to free advertising in a paid publication

scottjehl, 17 days ago to accessibility

This looks awesome. I just backed Eventably, a project by @karlgroves to create an accessible event management platform (planning, ticketing, execution, analysis, etc). Just read their testimonials to see reasons why this is sorely needed. The campaign has 17 days left! Help make it happen!
https://www.indiegogo.com/projects/eventably #accessibility #a11y

scottjehl, 17 days ago to random

New on my blog:
Responsive Video Works Now. These Features Could Make It Work Better.

In this post I return to my bs with some responsive video features on my wishlist, and 4 WhatWG issues for their specific discussion: https://scottjehl.com/posts/rwd-video/

scottjehl, 17 days ago to random

Now that the dust has settled restoring cross-browser Responsive Video support, it'd be nice to revisit what else is missing. Many have noted that responsive poster images are needed. I also think that we need an ability to tie video autoplay to the same conditions that loading=lazy uses, so we can make a videos fetch data and poster images and start playing only when they enter the viewport. And how about video[srcset/sizes], and source selection on media change? Fine, I'll blog this up asap!

scottjehl, 18 days ago to random

Some good thoughts from my pal Dave @davatron5000 about folks moving from React to Web Components and finding they aren't 1-1 with what they expect. Building on a reactive WC base class lib can make for a soft landing, and depending on the use case it can certainly be the right call. That said, this is a moment to reevaluate whether a given site needs to be so client-dependent. For many, a strategy that centers server-delivered HTML with WCs extending it can be great.

https://daverupert.com/2024/05/cold-turkey-wont-fix-your-javascript-addiction/

scottjehl, 19 days ago to random

Looking back at this now 11 YEAR OLD post about a need for "element queries" to build a responsive weekly schedule component that could drop into various layouts.

Thinking it'd be fun to revisit it today now that we finally have container queries, and ponder the accessibility implications in the process. https://www.filamentgroup.com/lab/element-query-workarounds

scottjehl, 22 days ago to random

HEY.
11ty is going indie!

More like Elevindie right? Yes? No? Okay, fine.

Anyway, read @zachleat's post about it and help support the @eleventy project here!!!
https://www.zachleat.com/web/independent-sustainable-11ty/

zachleat, 22 days ago to random

the public perception of AI has been permanently damaged by shitposting in training models

…we all understand what needs to happen next, right

DavidDarnes, 22 days ago to random

Does anyone have any #WebComponents “gotchas” that they wish they knew when getting into them?

beep, 22 days ago to random

who among us hasn’t splatted a pre-alpha feature at the top of a trillion dollar company’s most valuable web page

scottjehl, 22 days ago to random

There's this idea that has stuck with me since the early days working with John Resig on the jQuery team, when he shared that the end goal of the library should be to make itself unnecessary (in jQuery's case by influencing practices and standards). Some polyfills took that idea further by using feature checks to silently exit once their API gained native browser support. Today's popular frameworks address different problems, but it feels like a similar moment for thoughtful planning nonetheless

scottjehl, 25 days ago to random

Not a great sign that seemingly every ai product review I read lately sounds like, “while it doesn’t seem right that it does that, it may not be against the law, at least as currently written!”

scottjehl, 26 days ago to random

I have a bunch of writing and old talks that mention button elements as "meaningless outside of a form until JavaScript makes them do something" that are now technically incorrect due to popovertarget.
Nice problem to have though!

scottjehl, 26 days ago to random

There's a shift underway in front-end development. The largest companies in the world are now building on Web Components, and they are hiring! I want this course to help designers and devs prepare for this next phase of the web. Help spread the word! 📣
https://www.kickstarter.com/projects/scott-jehl/web-components-demystified

scottjehl, 29 days ago to random

In watching talks this week about all that has recently landed or is on the way right now, I don't recall a time when useful features were standardizing and landing in browsers at anything near the speed we're seeing now. So many JS workarounds are being replaced with simple, often elegant declarative alternatives. Great to see

scottjehl, 29 days ago to random

"The Latest in Web UI" talk at I/O by @Una this week is full of great stuff to have on your radar: scroll-driven animations, view transitions, popover, dialog, anchor positioning, experimental customizable select, exclusive accordions, :has, container queries, etc!
https://www.youtube.com/watch?v=_-6LgEjEyzE

scottjehl, 30 days ago to random

New Post!
Just Speculating: You May Not Need a SPA framework

https://scottjehl.com/posts/speculation-rules/