home.social

#metacss — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #metacss, aggregated by home.social.

  1. #ReleaseFriday — Just released a new version of the thi.ng/meta-css toolchain (which includes a powerful generator for custom CSS frameworks, macro-based stylesheet syntax, dead-code elimination, bundling etc.).

    The new version also includes support for `prop-name-[value]` syntax to use alongside other class macros and templates to define CSS properties and their values in a verbatim/inline manner. The readme includes a short section with an example...

    github.com/thi-ng/umbrella/tre

    #ThingUmbrella #MetaCSS #CSS #OpenSource

  2. #ReleaseThursday 🚀 — This week's second round of releases is featuring:

    thi.ng/geom — added support for more shape pairings in the polymorphic intersection function to altogether 18, now also including: line↔︎group (incl. nested groups), line↔︎polygon, line↔︎polyline, ray↔︎group, ray↔︎line

    thi.ng/geom-isec — simplified intersection result type (intersection point(s) now always in an array), added computation of point-inside-shape flags to more shape types, bug fixes

    thi.ng/meta-css — more updates to CSS template handling, spec doc system and tons more additions to the generative baseframework specs/templates, now already consisting of 932 CSS utility classes (incl. 61 callable templates/functions/macros), which can be used as-is or as starting point to define your own custom CSS framework(s). All explained in the readme... This toolchain will likely keep on seeing a flurry of other updates since I'm heavily using it for the design of the new thi.ng website too! Together with mprocs[1] and Vite it also offers a very nice hot-reloading workflow...

    thi.ng/hiccup-css — added support for SASS-style `&`-parent reference when defining nested selectors, updated readme w/ examples

    thi.ng/random — added a `weightedProbability()` function to simplify dealing with arbitrarily shaped distributions (attached code example to compute the histogram & visualize results as ASCII-art is from the API docs)

    As usual, please check the readmes and changelogs for more details!

    #ThingUmbrella #TypeScript #JavaScript #Geometry #Intersections #CSS #MetaCSS #OpenSource

    [1] github.com/pvolok/mprocs

  3. #ReleaseThursday 🚀 — This week's second round of releases is featuring:

    thi.ng/geom — added support for more shape pairings in the polymorphic intersection function to altogether 18, now also including: line↔︎group (incl. nested groups), line↔︎polygon, line↔︎polyline, ray↔︎group, ray↔︎line

    thi.ng/geom-isec — simplified intersection result type (intersection point(s) now always in an array), added computation of point-inside-shape flags to more shape types, bug fixes

    thi.ng/meta-css — more updates to CSS template handling, spec doc system and tons more additions to the generative baseframework specs/templates, now already consisting of 932 CSS utility classes (incl. 61 callable templates/functions/macros), which can be used as-is or as starting point to define your own custom CSS framework(s). All explained in the readme... This toolchain will likely keep on seeing a flurry of other updates since I'm heavily using it for the design of the new thi.ng website too! Together with mprocs[1] and Vite it also offers a very nice hot-reloading workflow...

    thi.ng/hiccup-css — added support for SASS-style `&`-parent reference when defining nested selectors, updated readme w/ examples

    thi.ng/random — added a `weightedProbability()` function to simplify dealing with arbitrarily shaped distributions (attached code example to compute the histogram & visualize results as ASCII-art is from the API docs)

    As usual, please check the readmes and changelogs for more details!

    #ThingUmbrella #TypeScript #JavaScript #Geometry #Intersections #CSS #MetaCSS #OpenSource

    [1] github.com/pvolok/mprocs

  4. #ReleaseThursday 🚀 — This week's second round of releases is featuring:

    thi.ng/geom — added support for more shape pairings in the polymorphic intersection function to altogether 18, now also including: line↔︎group (incl. nested groups), line↔︎polygon, line↔︎polyline, ray↔︎group, ray↔︎line

    thi.ng/geom-isec — simplified intersection result type (intersection point(s) now always in an array), added computation of point-inside-shape flags to more shape types, bug fixes

    thi.ng/meta-css — more updates to CSS template handling, spec doc system and tons more additions to the generative baseframework specs/templates, now already consisting of 932 CSS utility classes (incl. 61 callable templates/functions/macros), which can be used as-is or as starting point to define your own custom CSS framework(s). All explained in the readme... This toolchain will likely keep on seeing a flurry of other updates since I'm heavily using it for the design of the new thi.ng website too! Together with mprocs[1] and Vite it also offers a very nice hot-reloading workflow...

    thi.ng/hiccup-css — added support for SASS-style `&`-parent reference when defining nested selectors, updated readme w/ examples

    thi.ng/random — added a `weightedProbability()` function to simplify dealing with arbitrarily shaped distributions (attached code example to compute the histogram & visualize results as ASCII-art is from the API docs)

    As usual, please check the readmes and changelogs for more details!

    #ThingUmbrella #TypeScript #JavaScript #Geometry #Intersections #CSS #MetaCSS #OpenSource

    [1] github.com/pvolok/mprocs

  5. #ReleaseThursday 🚀 — This week's second round of releases is featuring:

    thi.ng/geom — added support for more shape pairings in the polymorphic intersection function to altogether 18, now also including: line↔︎group (incl. nested groups), line↔︎polygon, line↔︎polyline, ray↔︎group, ray↔︎line

    thi.ng/geom-isec — simplified intersection result type (intersection point(s) now always in an array), added computation of point-inside-shape flags to more shape types, bug fixes

    thi.ng/meta-css — more updates to CSS template handling, spec doc system and tons more additions to the generative baseframework specs/templates, now already consisting of 932 CSS utility classes (incl. 61 callable templates/functions/macros), which can be used as-is or as starting point to define your own custom CSS framework(s). All explained in the readme... This toolchain will likely keep on seeing a flurry of other updates since I'm heavily using it for the design of the new thi.ng website too! Together with mprocs[1] and Vite it also offers a very nice hot-reloading workflow...

    thi.ng/hiccup-css — added support for SASS-style `&`-parent reference when defining nested selectors, updated readme w/ examples

    thi.ng/random — added a `weightedProbability()` function to simplify dealing with arbitrarily shaped distributions (attached code example to compute the histogram & visualize results as ASCII-art is from the API docs)

    As usual, please check the readmes and changelogs for more details!

    #ThingUmbrella #TypeScript #JavaScript #Geometry #Intersections #CSS #MetaCSS #OpenSource

    [1] github.com/pvolok/mprocs

  6. #ReleaseThursday 🚀 — This week's second round of releases is featuring:

    thi.ng/geom — added support for more shape pairings in the polymorphic intersection function to altogether 18, now also including: line↔︎group (incl. nested groups), line↔︎polygon, line↔︎polyline, ray↔︎group, ray↔︎line

    thi.ng/geom-isec — simplified intersection result type (intersection point(s) now always in an array), added computation of point-inside-shape flags to more shape types, bug fixes

    thi.ng/meta-css — more updates to CSS template handling, spec doc system and tons more additions to the generative baseframework specs/templates, now already consisting of 932 CSS utility classes (incl. 61 callable templates/functions/macros), which can be used as-is or as starting point to define your own custom CSS framework(s). All explained in the readme... This toolchain will likely keep on seeing a flurry of other updates since I'm heavily using it for the design of the new thi.ng website too! Together with mprocs[1] and Vite it also offers a very nice hot-reloading workflow...

    thi.ng/hiccup-css — added support for SASS-style `&`-parent reference when defining nested selectors, updated readme w/ examples

    thi.ng/random — added a `weightedProbability()` function to simplify dealing with arbitrarily shaped distributions (attached code example to compute the histogram & visualize results as ASCII-art is from the API docs)

    As usual, please check the readmes and changelogs for more details!

    #ThingUmbrella #TypeScript #JavaScript #Geometry #Intersections #CSS #MetaCSS #OpenSource

    [1] github.com/pvolok/mprocs