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

1. Baseline web features for the win
   • by Patrick Brosset - 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.
2. Following grid and flex layouts with reading-flow
   • by Rachel Andrew - CSS WG
   • 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.
3. The CSS Anchor Positioning API
   • by Una Kravets - CSS WG
   • 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

See also audio/video recording guidance

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.