Back to the roots

A presentation at Tech Talk @ Tagesspiegel in September 2021 in by Gunnar Bittersmann

Slide 1

Slide 1

Back to the roots

Slide 2

Slide 2

BEISPIEL: BILDERGALERIE

Slide 3

Slide 3

a·b=A b a a/b=r a=r·b r·b·b=A b² = A / r b = √A / r a = r · √A / r a = √A · r

Slide 4

Slide 4

Heron-verfAHren (babyLoniscHEs wuRzElzieHen) Babylonian method (Heron’s method) a=2 x0 ≈ √a > 0 xn+1 = (xn + a / xn) / 2 x0 = 1 x1 = (1 + 2 / 1) / 2 = 1.5 x2 = (1.5 + 2 / 1.5) / 2 = 1.41666667 lim xn = √a n ∞ x3 = (1.41666667 + 2 / 1.41666667) / 2 = 1.41421568… √2 = 1.41421356…

Slide 5

Slide 5

Slide 6

Slide 6

Heron-Verfahren (babylonisches Wurzelziehen) a=2 x0 ≈ √a > 0 xn+1 = (xn + a / xn) / 2 x0 = 1 x1 = (1 + 2 / 1) / 2 = 1.5 x2 = (1.5 + 2 / 1.5) / 2 = 1.41666667 lim xn = √a n→∞ x3 = (1.41666667 + 2 / 1.41666667) / 2 = 1.41421568… √2 = 1.41421356…

Slide 7

Slide 7

Heron-Verfahren (babylonisches Wurzelziehen) x0 ≈ √a > 0 @function sqrt($a, $iterations: 10) { $x: 1; @for $i from 1 through $iterations { $x: ($x + $a / $x) / 2; } xn+1 = (xn + a / xn) / 2 lim xn = √a n→∞ } @return $x;

Slide 8

Slide 8

Heron-Verfahren (babylonisches Wurzelziehen) —area: 0.4; —a: calc(var(!—area) * var(—aspect-ratio)); —x0: 1; —x1: calc((var(!—x0) + var(!—a) / var(!—x0)) / 2); —x2: calc((var(!—x1) + var(!—a) / var(!—x1)) / 2); —x3: calc((var(!—x2) + var(!—a) / var(!—x2)) / 2); width: calc(var(!—x3) * 100%);

Slide 9

Slide 9

BeispiEl: bildeRgalErie

Slide 10

Slide 10

<img src=”https:!//bittersmann.de/images/65.1057/580.jpg” style=”!—aspect-ratio: calc(4/3)” alt=”“!/> Das sind keine Inline-Styles. <div class=”container”> <div class=”row”> <div class=”col-12 col-md-8 col-lg-6”> Aber das sind Inline-Styles. 💩

Slide 11

Slide 11

WinkelFunktIoNen (Taylor-reIhen)

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Back e th o t Future