Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enabling carousel design patterns in CSS #57

Open
flackr opened this issue Sep 6, 2024 · 1 comment
Open

Enabling carousel design patterns in CSS #57

flackr opened this issue Sep 6, 2024 · 1 comment
Labels
session Breakout session proposal

Comments

@flackr
Copy link

flackr commented Sep 6, 2024

Session description

Carousels are an often used design pattern on the web. They are used in a variety of contexts, from product listing pages to slideshow like content. OpenUI has explored a range of carousel designs, showing that the specific layout and appearance can vary dramatically. They are also provided by many frameworks as components, however implementing a carousel correctly is complicated and often results in inconsistent and sometimes inaccessible implementations on the web today.

There are a set of problems being solved by carousels, which we believe could be provided by a set of simple incremental CSS features, allowing developers to combine these CSS features to create the various designs in a completely customizable fashion. CSS-only component libraries could be built to further simplify this process with an eventual built-in style similar to customizable select.

Prior discussions:

Session goal

Share planned feature set and demos. Discuss gaps and plan how the related features should work.

Additional session chairs (Optional)

No response

Who can attend

Anyone may attend (Default)

IRC channel (Optional)

#css

Other sessions where we should avoid scheduling conflicts (Optional)

#28, #47, #43

Instructions for meeting planners (Optional)

No response

Agenda for the meeting.

  1. Introduction / update [css-pseudo-4] Enabling carousel design patterns in CSS csswg-drafts#9745
  2. Scroll markers [css-overflow-5] Scroll-markers csswg-drafts#10720
  3. Inert [css-ui] Support setting offscreen content inert csswg-drafts#10711
  4. Limited fragmentainer styling (e.g. columns) [css-overflow-5][css-scroll-snap-2] Snapping and generating scroll-marker pseudo-elements from fragments csswg-drafts#10715
  5. Scroll buttons [css-overflow-5] Scroll button pseudo-elements csswg-drafts#10722
  6. Focus order of the generated controls [css-overflow-5] Focus order of generated controls csswg-drafts#10912
  7. Active marker calculation [css-overflow-5] Improve active marker calculation csswg-drafts#10917

Links to calendar

Meeting materials

@flackr flackr added the session Breakout session proposal label Sep 6, 2024
@tpac-breakout-bot
Copy link
Collaborator

Thank you for proposing a session!

You may update the session description as needed and at any time before the meeting, but please keep in mind that tooling relies on issue formatting: follow the instructions and leave all headings and other formatting intact in particular. Bots and W3C meeting organizers may also update the description, to fix formatting issues or add links and other relevant information. Please do not revert these changes. Feel free to use comments to raise questions.

Do not expect formal approval; W3C meeting organizers endeavor to schedule all proposed sessions that are in scope for a breakout. Actual scheduling should take place shortly before the meeting.

This was referenced Sep 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
session Breakout session proposal
Projects
Status: No status
Development

No branches or pull requests

2 participants