Mastodawn

Here we go. The thickness of the graph can now extended to it's neighbor pixels, thanks to morphology. One last thing is smoothing.

#Shadertoy #GLSL #WebGL #Rasterization #Algorithm #Math #Functions #Programming

Show thread

Microfractal 🫖42m ago

Reimplemented in Shadertoy. Next step is to change the graph's thickness by applying a dilation kernel.

#Shadertoy #GLSL #WebGL #Rasterization #Algorithm #Math #Functions #Programming

Frontend Dogma 4d ago

Building Typographic Scales in CSS With “:heading()”, “sibling-index()”, and “pow()”, by @sturobson:

https://www.alwaystwisted.com/articles/building-typographic-scales-with-headings-sibling-index-and-pow

#css #functions #math #typography

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

Always Twisted

∞ 𝕁uan ℂarlos 4d ago

Loxodromic Möbius transformation
#complex #functions #shadertoy
https://www.patreon.com/jcponce

Frontend Dogma 6d ago

The Odometer Effect (Without JavaScript), by @preethisam.bsky.social (@frontendmasters.com):

https://frontendmasters.com/blog/the-odometer-effect-in-css/

#css #functions #effects

The Odometer Effect (without JavaScript) – Frontend Masters Blog

We can take a value set in an HTML attribute and use it in CSS, even extracting each individual digit in order to animate separately.

∞ 𝕁uan ℂarlos Mar 4

#mathart #complex #functions #demos
https://www.desmos.com/calculator/71d1b7dc98

Frontend Dogma Mar 2

Weird Issues With CSS Calculations in Safari 26.2, by @cita:

https://www.silvestar.codes/articles/weird-issues-with-css-calculations-in-safari-26-2/

#css #functions #safari #apple #browsers

Weird issues with CSS calculations in Safari 26.2

I found a solution to a CSS issue, but I probably discovered a Safari CSS calculation bug along the way.

S.Bistrović

Frontend Dogma Mar 1

Potentially Coming to a Browser “:near()” You, by @dxnny.fun (@csstricks):

https://css-tricks.com/potentially-coming-to-a-browser-near-you/

#css #functions

Potentially Coming to a Browser :near() You | CSS-Tricks

Danny has several ideas for how we could use :near(), a proposed pseudo-class that detects when the pointer is near an element.

CSS-Tricks

Inautilo Feb 28

#Development #Introductions
Native random values in CSS · A first look at the upcoming capabilities https://ilo.im/16ayh1

_____
#ModernCSS #Randomness #Functions #Safari #Browsers #WebDev #Frontend #CSS

Native Random Values in CSS

The CSS Working Group has published the Values and Units Module Level 5, which introduces native mechanisms for generating random content using only CSS. This is the tl;dr of a longer article exploring randomness in CSS. :: Blog post at Alvaro Montoro's Personal Website.

∞ 𝕁uan ℂarlos Feb 27

https://youtu.be/KlNOszFY3GI
#domain #coloring #mathart #complex #functions