leaverou, to random
@leaverou@front-end.social avatar

We’ve always told devs that browsers prioritize what to implement based on dev demand.

There is one exception: .

SVG is used on >65% of websites. Yet, browsers have been refusing to work on SVG, ignoring pressure and pain points from web devs.

showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points

Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.

[1/2]

boilingsteam, to privacy
@boilingsteam@mastodon.cloud avatar
aldeka, to random
@aldeka@wandering.shop avatar

Any recommended tools for debugging shapes? Trying to make paths that are like wedges out of a circle and the arcs aren’t behaving consistently, or at least not as I would expect at all :/

ottaross, to foss
@ottaross@mastodon.social avatar

Aha - tools for the win. Wondered to myself, can I export an out of ?

A quick Duck Search tells me yes, there's a plugin called which will do it!

You convert an object to a greasePencil object then export that as an SVG. Nice.

ottaross,
@ottaross@mastodon.social avatar
inautilo, to music
@inautilo@mastodon.social avatar


Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6


toxi, (edited ) to typescript
@toxi@mastodon.thi.ng avatar

New demo (and last new test case) for the upcoming https://thi.ng/geom release (and related packages): Here parsing a SVG path, converting to an SDF, deforming the SDF and sampling/converting the SDF back into SVG at multiple contour levels... all in just a few lines of code!

Demo:
https://demo.thi.ng/umbrella/geom-sdf-path/

Source:
https://github.com/thi-ng/umbrella/blob/develop/examples/geom-sdf-path/src/index.ts

(Ps. I will add more comments to the example tomorrow...✌️)

w3cdevs, to internet
@w3cdevs@w3c.social avatar

The and prove vital in emergencies, enabling seamless collaboration and information sharing.

At the @w3c member meeting in 🇯🇵, Dr. Naoshi Hirata, U. of Tokyo, presented "distributed disaster management data" using a case study for the Noto peninsula earthquake that struck Japan on January 1, 2024.

🎬 Watch the video: https://youtu.be/v3vV8i2-3Ts

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Is it not possible to set up something similar to #SVG and #PNG with very little effort and really be recognized as a creative #WebDev developer with your own graphics #design?

✴️ https://coolshap.es

oblomov, to random
@oblomov@sociale.network avatar

OK I need a smarter way to encode the maze in because the approach I'm using can't handle huge mazes (for example a 160×90 maze will result in a 414 Request URI Too Long error.)

oblomov,
@oblomov@sociale.network avatar

But what's really difficult to get right is the rotation when the viewport is in portrait mode. CSS has the possibility to transform elements, but it doesn't really work as expected. I would have better luck stuffing the table inside a foreignObject inside an and transforming from there, but … some browsers have questionably poor rendering for these nested situation so that's not an option either.

casraf, to ChatGPT
@casraf@fosstodon.org avatar

Everyone talks about using ChatGPT/DALL-E to generate logos, no one talks about having to convert them to decent vector files...

byggvir, to random German
@byggvir@nrw.social avatar

Bei Pixabay wurde dieses simple Bild einer mit und Türbogen als fast 1.200 Mal heruntergeladen.

Wozu brauchen so viel dieses Bild?

andycarolan, to random
@andycarolan@social.lol avatar

I've had a few requests for different badges in the same style as my “Powered” and “Made by a Human” badges.

I’m thinking about taking these and a few more requests and selling them in packs containing 8 badges in 8 different colors in 88x31 PNG and SVG @ £2 (minimum donation)

If you have any requests for these badges, please let me know in the replies and I will add it to the list!

(No NSFW content please!)

https://ko-fi.com/andycarolan/shop

#badges #kofi #png #svg #powered #human

8 “Made by a Human” badges in 88x31 (made, drawn, human content, written, no ai, not a robot, never by ai, organic)

mathling, to genart
@mathling@mastodon.social avatar

interlude

Triangulation experiments

Stupid simple:
Draw a curve from hither to yon
Draw another curve from hither-ish to yon-ish
Interpolate N points on each curve
Draw a chain of triangles
Colour

toxi, to UI
@toxi@mastodon.thi.ng avatar
friction, to animation
@friction@floss.social avatar

Introducing Friction 0.9.6 Beta 1. This release includes several changes to the user interface and some additional new features. We are now in feature freeze, please report any regressions etc.

Download and make something awesome! 🙂

https://github.com/friction2d/friction/releases/tag/v0.9.6-beta1

davidbisset, to webdev
@davidbisset@phpc.social avatar
mathling, to genart
@mathling@mastodon.social avatar

interlude

Supernova remnant

Noise + sheets of translucent triangular faces + perspective

Here I'm using a billowy fractal noise function, which creates the jagged appearance

byggvir, to random German
@byggvir@nrw.social avatar

Heute habe ich das einer mit als kleine Übung für den Sonntag nachgezeichnet.

begasus, to random
@begasus@mastodon.social avatar

Sometimes svgz icons are not so well supported in -O-Matic tool (), having around to open them and export them to sometimes does the trick and we can export the SVG icon to a rdef (text) file so we can use them in our recipes at to set the icon on the application.
But somtimes even importing/exporting existing svg icons don't work.
:)

chipx86, to random
@chipx86@mastodon.online avatar

Why yes, I should use D3.js.

BUT I now have experience writing code to generate a containing a multi-segment donut with different inner and outer radiuses, uniform gaps around segments, and minimum segment sizes.

Bonus: "Maximum Donut."

mathling, to genart
@mathling@mastodon.social avatar

interlude

Achievement unlocked: I can now make all the Archimedean solids

Here's a nice little snub dodecahedron

Gotta say, most of the Platonic solids are boring, but these are pretty nice

(Must not look at Catalan solid page, must not look at Catalan solid page...)

below, to random
@below@mastodon.social avatar

If you know anything about svg files or the Inkscape app, I have a question for you:

https://github.com/below/SVGSample?tab=readme-ov-file

mathling, to genart
@mathling@mastodon.social avatar
davidbisset, to javascript
@davidbisset@phpc.social avatar

ripl is a library for data visualization in both and Canvas.

https://github.com/andrewcourtice/ripl

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • rosin
  • InstantRegret
  • ethstaker
  • DreamBathrooms
  • mdbf
  • magazineikmin
  • thenastyranch
  • Youngstown
  • everett
  • slotface
  • osvaldo12
  • khanakhh
  • kavyap
  • anitta
  • Durango
  • vwfavf
  • GTA5RPClips
  • cubers
  • tacticalgear
  • tester
  • cisconetworking
  • ngwrru68w68
  • Leos
  • normalnudes
  • provamag3
  • modclub
  • JUstTest
  • All magazines