Corset — Cascading Binding Sheets

Matthew Philips made something odd-looking: a JavaScript framework that lets you add DOM bindings using a CSS-like syntax. Say your framework of choice generates this markup: <div class="counter"> <button type="button" class="increment">Increment</button> <button type="button" class="decrement" disabled>Decrement</button> <div class="result"> Count: <strong class="count">0</strong> </div> </div> Using Corset, you can then add behavior as follows: import sheet, { mount …

A Proposal For Type Syntax in JavaScript

A very interesting Stage-0 proposal is to bring optional and erasable type syntax to JavaScript. The proposed syntax looks like this: function add(a: number, b: number) { return a + b; } The type hints wouldn’t be used by JS itself though — so you won’t get a runtime error if you pass something other …

New WebKit Features in Safari 15.4

Yesterday, Safari 15.4 got released, and it contains a ton of good stuff that we’ve seen land in the Technology Previews before. With over 70 additions to WebKit, Safari 15.4 is packed with new web technologies, updates, and fixes. We’ve assembled a huge release as part of our commitment to web developers, and the people …

Open Web Advocacy

OWA (Open Web Advocacy) is a group of software engineers from all over the world who have come together to advocate for the future of the open web by providing regulators, legislators and policy makers the intricate technical details that they need to understand the major anti-competitive issues in our industry and how to solve …

Utopia – Elegantly scale type and space without breakpoints

In addition to my talk “Embrace the Platform” at UX Ghent, James Gilyead and Trys Mudford from Clearleft also joined the meetup with a talk on Utopia. With Utopia you get to define the small- and large-screen layouts. All font sizes in between will be calculated by Utopia. Utopia →Meet Utopia: Designing And Building With …

A meta Tweet

Check this tweet by Chris Johnson: it’s a tweet with a link whose preview image shows the actual number of retweets and likes for said tweet. A meta tweet.https://t.co/lvaYUszJaE — Chris Johnson (@defaced) January 25, 2022 Cool! In a later tweet, Chris shares how it’s done: How this works!👷‍♀️ A @Cloudflare worker responds to requests …

Container queries, the next step towards a truly modular CSS

At JSWORLD Conference, Maarten van Hoof presented “Container queries, the next step towards a truly modular CSS” Modular, componentized frameworks and libraries are more popular than ever, but currently screen size is the only dimensional constraint to which a web design can adapt to. In this talk, Maarten will explain what Container Queries are and …

Eleventy plugin for static rendering of Lit components

The Lit team is pleased to announce an experimental preview release of @lit-labs/eleventy-plugin-lit, a new plugin for Eleventy that renders your Lit components as static HTML during your Eleventy build, and lets you hydrate them after your JavaScript loads. This is pretty nice, as out comes Declarative Shadow DOM-compatible which Chromium-based browsers can render, while …