Dynamic CSS (Semi) LiveCode!

Generate NY — April 25, 2019

Tweet from @halftes6

I ❤ CSS

“Declarative, Resilient, Contextual”

CSS is Dynamic by Design

OddBird Faces

Custom Applications | Design Systems | Refactors

Screenshot of schedule grid

[SusyCSS by @mirisuzanne | presentation]

Please Don’t Use It

Screenshot of schedule grid

Thanks, Josh Clark

<main style="
  --day-start: 9,
  --day-end: 18
">

<section style="
  --event-start: 13,
  --event-end: 14
">

putting it all together… [permalink / source]

name	x value	y value	size == z value
item-0	18	78	4
item-1	67	58	3
item-2	95	64	21
item-3	51	18	19
item-4	84	44	7
item-5	70	20	20
item-6	61	63	10
item-7	12	25	17
item-8	91	52	10
item-9	5	88	17
item-10	33	74	11
item-11	68	92	11
item-12	62	98	15
item-13	45	53	4
item-14	48	43	16
item-15	56	49	0
item-16	8	97	9
item-17	41	67	12
item-18	28	77	23
item-19	47	31	6