~/talk

Maths-powered transforms for creating 3D shapes

Talkat CSSConf EU 2013 · on Friday, 2013-09-13· [css, web-animation]
slides:none on file

Concrete claims and code rather than vague promises: CSS plus SASS loops generate precise polygons and polyhedra by computing widths, radii and central angles, using actual translate/rotate/skew math to turn rectangles into triangles pentagons prisms cylinders and ribbons. Examples include the geodesic counts 60 carbon atoms 12 pentagons 20 hexagons, animated cylinders and a spiral ribbon, demos that sometimes glitch but ultimately render a morphing ball, and live code that reproduces the effects.

AI-written summary · about

  1. 0:00Intro
  2. 0:25Recap 2D geometry
  3. 2:15Carbon molecule
  4. 3:14Central angle
  5. 4:09Skew transform
  6. 6:25Sine and cosine
  7. 11:51Pentagon
  8. 20:36Transforming prisms
  9. 22:41Infinite strips
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.