Главная
Study mode:
on
1
Intro
2
Thank you
3
Lets start again
4
The 100 days of CSS challenge
5
The Side Project
6
Modern CSS
7
What I learned
8
What I forgot
9
The changes
10
The past
11
New computer
12
CounterStrike
13
Clan
14
Website
15
Special about this site
16
My biggest milestones
17
Preprocessors
18
Influences
19
Modules
20
Methodologies
21
Other influences
22
Custom Properties
23
Relative Color Syntax
24
Custom Property
25
Default Custom Property
26
Web Components
27
Viennese Melange
28
CSS API
29
CSS Day Card
30
Changes in CSS
31
CSS attributes
32
Example
33
CSS without HTML
34
A strange break
35
No more classes
36
CSS styling
37
Custom CSS properties
38
Decouple component variations
39
Extracting stylings and using them separately
40
Repeating stylings
41
More CSS
42
Breaking with conventions
43
The Cascade
44
Cascade Layers
45
Complex Selectors
46
Component Level Problems
47
Nest Layers
48
Testing
49
What has changed
50
Random photo
51
JavaScript workaround
52
Layout flickering
53
Scrollbar gutter
54
Masonry
55
HasHas
56
Dialog
57
Hover
58
Has
59
I like JavaScript
60
Conclusion
61
Lobster
62
Questions
63
Timeline
64
Favourite feature
65
Custom property names
Description:
Explore the evolution of CSS writing techniques over the past two decades in this 47-minute conference talk from CSS Day 2023. Journey through significant changes in CSS practices, from early transitions to the current "final form" and beyond. Discover how recent language additions have reshaped CSS writing methods and get insights into potential future influences. Learn about the speaker's #100DaysOfMoreOrLessModernCSS project, understanding its impact as both a valuable and challenging endeavor. Gain knowledge on various CSS concepts including preprocessors, methodologies, custom properties, relative color syntax, web components, and cascade layers. Examine real-world examples of modern CSS techniques, such as styling without HTML classes and leveraging the cascade effectively. Delve into complex selectors, component-level problems, and practical JavaScript workarounds for CSS limitations. Conclude with a look at favorite features and a timeline of CSS development, providing a comprehensive overview of past, present, and future CSS writing practices. Read more

Modern CSS Evolution: From Past Practices to Future Trends

Web Conferences Amsterdam
Add to list
0:00 / 0:00