TPAC/2024/Demos and Group updates

An opportunity to discover what W3C groups are working on and how that works intersect with other Web technologies.
The group updates and demos are provided as pre-recorded videos. These videos will be shared online from the TPAC 2024 website.

2024 Timeline

BEFORE JULY 30th: Please indicate the name(s) of the volunteer(s) to mcf@w3.org

Please include a title, a description, the W3C group behind the relevant technical work, and the contact person responsible for getting the video recorded.

BEFORE AUGUST 30th: Please send the recorded videos to mcf@w3.org
SEPTEMBER 2-16: Post-processing and videos uploaded to TPAC 2024 videos webpage

Confirmed Group Updates and/or Demos

Baseline web features for the win
- by Patrick Brosset - Web Developer Experience (WebDX) Community Group
- A presentation of the WebDX CG, and the work we do to catalog the web platform as a set of web features that, then, can feed into various documentation websites and tools, and be used to power the concept of Baseline, which helps communicating to web developers about what's available today on the web. In the video, Patrick presents the group, the current state of its work, how it already is having impact on MDN, Can I Use, and other places. Patrick concludes with a call to action for people to come and join the work and/or the group.
Following grid and flex layouts with reading-flow
- by Rachel Andrew - CSS Working Group
- The proposed reading-flow property in CSS Display Level 4 aims to let authors indicate that the tab order through a layout should follow the visual flow of items rather than the DOM order. This demo gives a brief overview of the use cases for this property, and a demonstration of the experimental implementation in Chrome.
“What is WoT?” Tutorial
- by the Web of Things (WoT) Community Group
- A series of tutorial videos from the Web of Things CG is creating a new learning working experience for all those discovering the Web of Things for the first time. In this first part of the series, the preliminary technology building blocks are introduced with animations and a corresponding website.
WoT adoption
- by the Web of Things (WoT) Community Group
- After 2 years of revitalized activity at the Web of Things Community Group, many organizations, open-source projects and researchers have showcased how they are using WoT in their technology stack. In this video, these meetups are briefly summarized for the newcomers to show the variety of WoT adopters.
Dokieli
- by Sarven Capadisli - Solid Community Group
- This demo presents dokieli, a fully decentralised, browser-based authoring and annotation platform with built-in support for social interactions. Dokieli makes use of various technical specifications such as Solid Protocol and Web Access Control that have been developed in the Solid CG.
Solid ecosystem
- by Elf Pavlik - Solid Community Group
- Main concepts in Solid and what constitutes the Solid ecosystem.
Solid classes of products
- by Elf Pavlik - Solid Community Group
- The classes of products defined in the Solid CG technical reports and how they work together.
Solid Notifications Protocol
- by Elf Pavlik - Solid Community Group
- Solid Notifications Protocol and its different Notification Channel types, which are used to notify about changes in resources.
Per Resource Events Protocol (PREP)
- by Rahul Gupta - Solid Community Group
- Solid Notifications Protocol and its different The Per Resource Events Protocol (PREP) provides an alternative mechanism for notifications in Solid. These slides explain the fundamental concepts of PREP.
Accessibility Guidelines (AG) Working Group update
- by Charles (Chuck) Adams, Rachael Bradley Montgomery and Alastair Campbell - W3C AG Working Group
- Since TPAC 2023, the group has published the exploratory guidance list, and the WCAG 2 Task Force has sped up updates to the WCAG 2 documentation. In this video, the co-chairs present WCAG 3 goals, including updating guidelines for new technologies, addressing user needs, providing guidance, defining clear testing, supporting flexible conformance, and emphasizing research.
The CSS Anchor Positioning API
- by Una Kravets - CSS Working Group
- The CSS Anchor Positioning API is a game-changer in web development because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex layout requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and more.

Best Practices for Recording Videos

Plan the content

identify the story
- demos: what problem is being newly solved? what impact can we expect from the proposed solution?
- group updates: what is the group? what impact does it seek to have and is actually having on the Web?
make it accessible - follow the accessibility considerations when planning, scripting, storyboarding well before hitting the record button
plan for a short video - aim for 2 minutes if possible for a demo, 3 minutes for a group update
- think of the demo as a teaser for a deeper technical dive, NOT the deep technical dive itself
- if part of the process being demonstrated is slow or a bit long, plan on showing an abbreviated or accelerated version of the process
write up what you plan to say, keeping acronyms and jargon to a minimum, and explain it when using it
- demos: show and tell - plan on describing orally what is happening in the demo
if you plan on showing code, prepare it so that it can be shown with a large font and clear contrasted colors, and focused on the most relevant code
if you plan on showing slides, see guidance on preparing them
end the script with indications on where to follow up for people interested in more details or in getting involved

Test your setup

ensure your audio setup is clear and crisp
if you plan on video-recording yourself speaking:
- ensure your face will be well-lit, with the camera at eye level
- ensure the background in front of which you'll record yourself is not distracting
- memorize as much of your script as possible, or use a teleprompter to read your script while looking at the camera
- if recording from a mobile device, record in landscape mode

Shooting the video

Speak clearly and slowly. No need to rush.
especially if reading from your script, make sure to keep your tone lively - imagine you're telling an exciting story to a colleague
if you're recording a screen, remove any distracting elements (irrelevant windows and tabs, notifications); if possible, zoom and highlight the most relevant elements
If you're video-recording yourself speaking, leave a few seconds before and after you start speaking in recording mode to allow for editing

Submitting the video

Once you're happy with the resulting video, please share it with mcf@w3.org using one of the on-line systems for sharing large files (e.g. Dropbox, WeTransfer, Google Drive, etc.)
If you read from a script, please share it with us as it will help with captioning as well.
If you screen-recorded slides, please share them as well.