YAGNI
Edition
Simon MacDonald
Simon MacDonald
@macdonst@mastodon.online
I ❤️
〞
In programming, the rule of least power is a design principle that "suggests choosing the least powerful language suitable for a given purpose".
– W3C TAG Finding 23 Feb 2006
HTML &
CSS &
JS
Tree View
Popover
Dialog
Search
CSS Logical Properties
| Physical | Left to Right | Logical |
|---|---|---|
| top & bottom | margin-block | |
| left & right | margin-inline | |
| top | margin-top | margin-block-start |
| bottom | margin-bottom | margin-block-end |
| left | margin-left | margin-inline-start |
| right | margin-right | margin-inline-end |
Inline
Block
Logical Properties
Typography
Balance
Initial Letter
Colour
New Color Spaces
oklch(luminosity, chroma, hue)
Color Mix
Accent Color
Layout
Container Queries
Dynamic Viewport
Blue arrow: 100vh, the height of the page displayed
Red arrow: 100dvh, the height of visible screen
Subgrid
Selectors
:has()
:user-invalid
Animation
Smooth Scrolling
Scroll Snapping
Use 👏
In Conclusion
The 👏
Platform 👏
Thanks!
Contact me via email or Mastodon if you have any questions.
Bento
By Simon MacDonald
