Scott Jehl

@scottjehl.com

5916 Followers 510 Following

Web Designer/Dev. Accessibility & Performance Fan. Mediocre surfer. Engineer: Squarespace Performance & Accessibility My Web components course: $25 if you use the code TWENTYFIVE https://scottjehl.com/learn/webcomponentsdemystified/ scottjehl.com

The author, driving a golf ball at a mountainous NH course
A photograph of a white skateboard with a sharpie-drawn outline art picture of a slice of pizza on it. Some sharpies are on the ground next to the skateboard.
A screenshot of the footer of the website with an install button active: the text says, "I'm an app!" followed by a built-in install button. This is the supported use case
A tight screenshot of one of the wrenches in the women’s tool belt, which only has one arm of its u shape
A red T-shirt, with a scene drawn of Rockaway Beach, with a car with a hatch open with a surfboard and a beach boardwalk, and a wave breaking in the background
A screenshot of the engineering blog homepage with links to two posts about this feature, linked in the post
A screenshot of the video section of the HTML standard, now containing the loading attribute, a new addition
A green flag is present for Chrome 147-148 noting that the linked feature is available behind a flag.
And another, same
Video of the same
Video of the same
A view from the ground, looking up at a snowboarder flying overhead with trees surrounding
the author doing a small 360 on a snowboard
a websites developer going off a jump on a snowboard in the woods of brooklyn, ny. there's a trail of powdery snow in the air behind him. he is not thinking about websites developing
Screenshot of Post: “Another long-standing technical approaches for preventing reusing and reselling your profile picture to make it out of your face.” Reply from Ethan Marcotte, now using my face as his profile picture: “excellent point”
A closeup photo of Three bowls on a counter with an oniony stew with sour cream and dill on top. There’s a cutting board and bread loaf in the background
A screenshot from the article, For Your Convenience, This CSS Will Self-Destruct
w3c xhtml 1.0 badge validate
My list of priorities with custom elements that extend built-ins at the top!
Miriam on stage in nyc. A slide behind her says “every css property of every html element must have a single value “
Tim on stage in NYC speaking. A slide says One Step Ahead
Calvin beginning to talk on stage in nyc. A slide projected says Becoming the Leader They’re Waiting For
Nick on stage in NYC. He’s beginning a presentation about dashboard design
Christine on stage presenting in nyc. There’s a screen behind her showing a slide with web design ui examples.
0:00 And worse than that, more and more websites were starting to use that JavaScript to generate the HTML after it was delivered to the device, right? 0:07 So, a fundamental change that was happening in the way websites were popularly delivered, and that's a shame because there actually is an unopinionated right way to deliver websites initially to a browser, right? 0:21 Handing the browser a box of parts and instructions to put the HTML together after it arrives: it's not actually that way. 0:28 , by the way, I drew this label, and that is a web page in Swedish. 0:36 It looks like website, it works either way.
Scott speaking to Vitaly , Friedman during Q&A after Scott’s talk
Cassie demoing her JavaScript and HTML game live on stage
Brad speaking on stage about design systems in front of a full audience in an ornate conference hall
The venue for the conference taken at night. A beautiful old market building with decorative spires and flourishes typical of the area. Smashing flags are hanging over the entrance arches.
A cartoon drawing of the smashing conference cat and the caption says smashing conference Freiburg Germany, September 8-11
A picture of the pedestrian pathway leading up to the Brooklyn Bridge, taken from the Brooklyn side of the East river.
Google's AI recommends css overflow: normal as an equivalent to overflow visible
A photo of a surfboard sitting on the beach, looking out at the ocean that is very foggy
skateboard trick: pop shuvit while grabbing the nose/tail of the board as it swings around
picture of a sailboat on a port tack close reach, taken from the helm. The boat is heeling a little to starboard in light winds (~11mph). In the background, some calm water and large hotels in the distant shoreline.
2 clips played one after the other. the first clip says "index.html" is the URL and the second says "block.html"
the poster image for the linked video, which shows a profile pic of scott and the title of the talk
A code example demonstrating a reusable web component defined declaratively, best explained in this post https://www.zachleat.com/web/good-bad-web-components/#server-side-rendering
A video taken from the center of a oval shaped room with screens projected all around the walls with the workshop slides on them.
Maria on stage in front of an audience. The screen behind her says Let’s Rewild The Internet
Quinn-Chi on stage in an auditorium in Sydney. On screen is a slide asking how do you decide what to speculate on?
Anton on stage in a photograph taken from the back of a crowded room in sydney
Miriam on stage presenting. The screen behind her says Sizes:auto, a responsive images feature
Mandy on stage in Sydney. The screen behind her says Performance Driven HTML
Alex on stage talking . On the screen behind him is a screenshot of the Web monetization community group website.
a slide that says completely valid html and it shows a custom element made from an x followed by 3 squirrels separated by dashes. Inside the element it says "Nothing to see here..."
a pile of stickers: mozilla, chrome, lighthouse, and one anti javascript javascript club
a my-element element inspected in devtools and the accessibility panel says the accessibility node is not exposed
Annie presenting on stage. The slide on screen displays years of people’s collective time saved by core web vitals
Anti JavaScript JavaScript Club stickers
Mandy is on stage presenting to a full crowd in amsterdam. On the screen, the slide says "I love text"
Tim on stage in front of a crowded room. Photo taken from the back of the venue. On the projector behind tim the slide says 100-150ms
Jason is on stage in front of a large crowd. The photo is taken from the back of the venue.
Anna is on stage in front of a large crowded venue. Photo is taken from the back of the room. on the screen behind Anna it says Web Performance
Paul on stage presenting. A slide reads “17 common mistakes” behind Paul. Photo is taken from the back of a crowded conference room
Eric on stage with a slide in screen that says #perf 🤝 #a11y - picture taken from the back of a crowded room
A photo from the back of the crowded venue. Harry is on stage with a slide that reads: site-speed that sticks
A photo from the back of the crowded venue. Tammy is on stage with a colorful slide featuring a map and compass
Tim Kadlec on stage speaking at the conference. Photo taken from the back of a crowded room