Menu

W3C News

Web Components Are Easier Than You Think

March 8th, 2021

When I’d go to a conference (when we were able to do such things) and see someone do a presentation on web components, I always thought it was pretty nifty (yes, apparently, I’m from 1950), but it always seemed complicated and excessive. A thousand lines of JavaScript to save four lines of HTML. The speaker…

A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation

March 5th, 2021

Not sure about you, but I often wonder how to build a carousel component in such a way that you can easily dump a bunch of items into the component and get a nice working carousel — one that allows you to scroll smoothly, navigate with the dynamic buttons, and is responsive. If that is…

The superpower of becoming an Expert

March 5th, 2021

Google Developers Experts is a community of passionate developers who love to share their knowledge with others. There are over 150 women in the community. #WomenAreExperts is a series that features their stories and achievements, with an aim to inspire more women to follow their path. Today, meet Tracy Lee — a Google Developer Expert in Angular, Microsoft…

W3C accepting proposals for Professional Employer Organization (PEO) Services

March 4th, 2021

Since its founding in 1994 by Web Inventor Tim Berners-Lee, the World Wide Web Consortium has developed the foundational technical standards upon which the Web has flourished. The Web and its place in society have changed dramatically, and the Web Consortium has been at the core of its technical interoperability. Today we need a more…

Angular Ivy’s internal data structures

March 3rd, 2021

I thought it would be useful to dive into Angular’s new Ivy rendering engine’s inner workings. In this article, I would like to stay high level but at the same time provide critical insights into how Ivy internally organizes its data structures to focus on memory performance. Template, Logical, and Render Trees When Ivy does rendering,…

React Without Build Tools

March 3rd, 2021

Jim Nielsen: I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling. Refreshing indeed: CodePen Embed Fallback It’s not really the React that’s the hard part to pull off without build tools (although I do wonder what we lose from not tree…

W3C Invites Implementations of WAI-ARIA 1.2

March 2nd, 2021

The Accessible Rich Internet Applications Working Group invites implementations of a Candidate Recommendation of Accessible Rich Internet Applications (WAI-ARIA) 1.2. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to…

How to Map Mouse Position in CSS

March 1st, 2021

Let’s look at how to get the user’s mouse position and map it into CSS custom properties: –positionX and –positionY. We could do this in JavaScript. If we did, we could do things like make make an element draggable or move a background. But actually, we can still do similar things, but not use any…

CSS Border Font

February 28th, 2021

Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which rounds just the top of an element with a certain chillness that works here. Plus, using…

Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw

February 26th, 2021

In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how WhiteHouse.gov approaches accessibility, and warn the dangers of 100vh. Let’s get into the news! The new HTML <popup> element is in development On January 21,…