David Aerne's banner

David Aerne

@meodai • 10,902 subscribers

Self employed Design & Interaction Developer / Software Artist

Shorts

I love animating using CSS.

I love animating using CSS.

120,528 просмотров

201: old prototype found. Oh its mostly CSS :D

201: old prototype found. Oh its mostly CSS :D

73,327 просмотров

whenever you need a zigzag, don’t write ifs; just fold the number line Math.abs((i+=10)%200 - 100) been using this ever since I “discovered” it.

whenever you need a zigzag, don’t write ifs; just fold the number line Math.abs((i+=10)%200 - 100) been using this ever since I “discovered” it.

18,143 просмотров

If you’re in need of color harmonies in the meantime:

If you’re in need of color harmonies in the meantime:

37,459 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D)

I wanted a way to explore Unicode by visual similarity, not just by name or codepoint, so I built Charcutrie. It lets you browse characters that look alike, search across scripts and symbols, and even sketch a shape to find matching glyphs. (pretty badly for now :D)

179,711 просмотров • 5 месяцев назад

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

Just released heerich.js, a tiny voxel engine that renders 3D scenes to SVG 🎨 ╬ Boolean ops ◮ Oblique & perspective 𝑥 Zero dependencies ◌ Pure vector output, infinite scaling Named after Erwin Heerich's geometric cardboard sculptures.

162,934 просмотров • 5 месяцев назад

when the idea of having "a simple logo" gets out of hand

159,900 просмотров • 8 месяцев назад

🎨 Just discovered ColorPalette Pro by Ryan Feigenbaum: a synthesiser for colour. I really like the music-hardware analogy.

🎨 Just discovered ColorPalette Pro by Ryan Feigenbaum: a synthesiser for colour. I really like the music-hardware analogy.

160,905 просмотров • 9 месяцев назад

what if you could navigate unicode characters by visual similarity?

what if you could navigate unicode characters by visual similarity?

81,598 просмотров • 5 месяцев назад

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

64,566 просмотров • 4 месяцев назад

We live in a world where you can dynamically generate an SVG with 100 sample points and 3D logic inside a single browser frame. crazy

We live in a world where you can dynamically generate an SVG with 100 sample points and 3D logic inside a single browser frame. crazy

53,793 просмотров • 7 месяцев назад

using the browser cmd & - to see all the swatches works well!

using the browser cmd & - to see all the swatches works well!

35,155 просмотров • 4 месяцев назад

$Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L & H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work$

Made a tiny color lib: nutelch 🌰 It sits between OKLCh and OkHSL. You dial chroma as a fraction of the way to the gamut cusp (so "saturation" means the same thing at every L & H, never out of gamut), but the result is still a plain oklch() color. Inspired by Matt DesLauriers's work

18,418 просмотров • 2 месяцев назад

Seriously, how much time can one possibly spend tweaking a pair of range sliders?! 🎛️

Seriously, how much time can one possibly spend tweaking a pair of range sliders?! 🎛️

99,965 просмотров • 1 год назад

thats why its cool that heerich.js uses an SVG

thats why its cool that heerich.js uses an SVG

29,261 просмотров • 5 месяцев назад

Added some "secret routes"

Added some "secret routes"

27,029 просмотров • 4 месяцев назад

TIL: Arcball Controls I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. check it out on CodePen.IO 🔗⬇️

TIL: Arcball Controls I can't believe this performs so well. The browser is recreating the SVG from scratch on every frame. check it out on CodePen.IO 🔗⬇️

45,785 просмотров • 11 месяцев назад

Finally made a small lib that helps me implement how I think about design tokens. Try Design Book →

Finally made a small lib that helps me implement how I think about design tokens. Try Design Book →

19,648 просмотров • 3 месяцев назад

Discovering that Steve Ruiz's tldraw uses a mix of CSS and SVG made me want to try building a CSS renderer for Heerich.js! Well, its going well!! And its super fast.

Discovering that Steve Ruiz's tldraw uses a mix of CSS and SVG made me want to try building a CSS renderer for Heerich.js! Well, its going well!! And its super fast.

17,623 просмотров • 5 месяцев назад

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

Just started a new gig with Figma. Excited and humbled to help shape how people think about design. Video just for vibes, unrelated to the work.

13,980 просмотров • 4 месяцев назад