Главная
Study mode:
on
1
Introduction
2
Applying Classes
3
User Flows
4
States
5
Finite State Machines
6
Data Attributes
7
Switch Case Statements
8
XE
9
Drag and Drop
10
Previous State
11
Animations
12
Mouse Movement
13
Mouse Movement Example
14
State Mapping
15
State Charts
16
Hierarchy
17
Data attribute selectors
18
Data show data hide
19
Password form example
20
Visualization
21
Sketch Systems
22
Advantages
23
Disadvantages
24
Complexity
25
Resources
Description:
Explore innovative techniques for organizing styles, adding complex interactivity, and implementing meaningful transitions in user interfaces through the use of finite state machines in this conference talk from CSSConf BP 2019. Learn how to leverage ARIA, data-attributes, and CSS variables to enhance the maintainability, testability, and interactivity of your stylesheets. Discover the power of state machines in structuring stylesheets for dynamic and complex UIs, covering topics such as applying classes, user flows, states, drag and drop functionality, animations, mouse movement, state mapping, and state charts. Gain insights into the advantages and disadvantages of this approach, including its impact on complexity, and access valuable resources for further exploration of this decades-old concept applied to modern web development.

Crafting Stateful Styles with State Machines

JSConf
Add to list
0:00 / 0:00