Lmst

Little lines

Lines consisting of little more-or-less perpendicular strokes of various angles, lengths, and hues (teals and yellows). Squint and it is some odd alien manifesto or tally. There is some correlation from across and between the lines, but also sharp discontinuities. You almost start to see a rhythm to it... and then you don't.

Colophon: several frothy noise functions drive the pattern with intentional large shifts from line to line so avoid too much line-to-line correlation.

Temporal really rocks, especially when combined with the Intl API. Currently taking the opportunity to whip up a tiny timer #PWA tailored to my tastes. As expected, the circular indicator took the most work (messing around with #CSS and #SVG)

#webdev #javascript

Four screeshots demonstrating a small timer app. The app features a central time display and a circular progress indicator.

Since you folks seem to have appreciate the logo, I've put up a short write-up on it and its context, including the possibility to download the #SVG source of the logo itself.

EDIT for language.

https://wok.oblomov.eu/tecnologia/ai-signal/

#SVG Optimization and Accessibility Basics

https://dbushell.com/2025/06/25/svg-optimization-and-accessibility-basics/

I just received a ticket for an analysis of the Apache FOP's use of SVG with concerns for security in using SVG for generation of labels for laser printing.

Not sure where to start on this one.

#Security #CVE #ApacheFOP #SVG

#Development
SVG optimization and accessibility basics · Techniques to make your SVGs lightweight and accessible https://ilo.im/164xg5

_____
#SVG #SVGO #Optimization #Accessibility #WebPerf #WebDev #Frontend #HTML #ARIA

🦖 Clipping and masking 🦖

https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorials/SVG_from_scratch/Clipping_and_masking

Erasing part of what you have created might seem contradictory at first. But when you, for example, try to create a semicircle in SVG, you will find out the use of the following properties quickly:

#webdev #SVG

Okay here is my very simple concept for a #FediCard - a "business card" that encourages people to join the #Fediverse and links to @_elena 's explanatory video.

My idea is that people can hand these out at #protests, political organizations, and so forth - where politically active people gather who already have had bad experiences with commercial social media.

The back side could be customized further to list an instance which is most relevant to the place where you want to share them - for example, I want to print a variant for the gruene.social #Mastodon instance.

I will certainly try to apply my meagre #design skills to make this more appealing, but first I wanted to hear what you all think of this concept, and what your suggestions for improvement are.

(Note: If you want to play around with the design, I have made it available in #SVG / #Inkscape format. The template has the 85 x 55 mm size for European business cards, so you will want to adjust it for other regions.)

#FediHelp
https://drive.google.com/drive/folders/1JxwrLkpvuBaAcRMLFoEjbIXJnhO-bs3r

MLB Kansas City Royals Logo SVG Bundle
#vectoranger #svg #svgcricut #cricut #cutfile #cameo #silhouette #silhouettecameo #MLB #KansasCityRoyals
https://vectoranger.com/product/mlb-kansas-city-royals-logo-svg-bundle/

Iowa Cubs SVG Bundle
#vectoranger #svg #svgcricut #cricut #cutfile #cameo #silhouette #silhouettecameo #MLB #Cubs
https://vectoranger.com/product/iowa-cubs-svg-bundle/

Flight: #NOZ7YW
ICAO code: #47A05E
Registration: LN-ENV
Type: BOEING 737-800
Direction: 49° (Northeast)
Speed: 327.1 kmh
Altitude: 10100 ft
Category: Large

Route:
🛫: London - #LGW
🛬: Stavanger - #SVG

Previously seen: 2 times

Track:
https://globe.adsb.fi/?icao=47a05e

#adsb #B738

Photo by: WalAndPl
Link: https://hooks.geekyco.de/ps/47a05e

Flight: #NOZ6PW
ICAO code: #47A05E
Registration: LN-ENV
Type: BOEING 737-800
Direction: 287° (West-Northwest)
Speed: 279.9 kmh
Altitude: 9025 ft
Category: Large

Route:
🛫: Stavanger - #SVG
🛬: London - #LGW

Previously seen: 1 times

Track:
https://globe.adsb.fi/?icao=47a05e

#adsb #B738

Photo by: WalAndPl
Link: https://hooks.geekyco.de/ps/47a05e

MLB Houston Astros Logo SVG Bundle
#vectoranger #svg #svgcricut #cricut #cutfile #cameo #silhouette #silhouettecameo #MLB #houstonastros
https://vectoranger.com/product/mlb-houston-astros-logo-svg-bundle/

Hartford Yard Goats SVG Bundle
#vectoranger #svg #svgcricut #cricut #cutfile #cameo #silhouette #silhouettecameo #MLB #hartford
https://vectoranger.com/product/hartford-yard-goats-svg-bundle/

In general, we can vary any of the four RGBA channels from 0% to 100% along the gradient line while keeping the other three fixed (custom chosen, but having that same custom value everywhere along the gradient line).

Interactive demo on @codepen https://codepen.io/thebabydino/full/ByNVrKL

#SVG #CSS #JS #filter #svgFilter #cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment

SVG #Icon #Editor : creare gratis #icone in formato #SVG
#grafica

https://webappsmagazine.blogspot.com/2025/06/svg-icon-editor-creare-gratis-icone-in.html

So what else could we do? Use an SVG filter!✨

Set the #CSS gradient as one with two end stops and no steps and apply a super simple #SVG #filter (same idea as here https://mastodon.social/@anatudor/114703583973454917 ) that makes it stepped.

Works for all gradient types - see this @codepen demo https://codepen.io/thebabydino/pen/raVrZQN 😼

#cssGradient #code #coding #frontend #web #dev #webDevelopment #webDev #svgFilter #cssVariables

Different types of gradients (linear, radial, conic) turned stepped via a simple SVG `filter`.

For the #Emulsion #GUI I drew *every* #Game platform / console / machine #gamecontroller in #inkscape ; Tonight, the #Sony #Playstation ; This one was REALLY tricky 🙂 what do you think?

Please :boost_animated: #Emulsion needs #you

#SVG #IndieDev #gamedev #retrogaming #emulation #gaming #linux #floss

🤖 View the complete #gamecontroller series here 💎

:potion_bisexual: GET EMULSION!

🌐 https://yphil.gitlab.io/emulsion/
:gitlab: https://gitlab.com/yphil/emulsion

Grainy Gradients, by @anatudor (@frontendmasters.com):

https://frontendmasters.com/blog/grainy-gradients/

#gradients #effects #css #svg #masking

[edit: SOLVED!]

Ok svg or other vector art experts, I've got a question for y'all

I've got a pattern generated from a bunch of overlapping path objects (see link for example)

I want to split it into each of the visually component polygons so that I can feed them into a cutting machine at a scale where it doesn't fit on a single sheet. see example in the picture but I want all of the sub polygons if I can

http://parsecsreach.org/circle_shapes/?shapes=W3siYyI6OCwiciI6NjUsIm8iOjAsImEiOjY1LCJ1IjoxNiwiZSI6MCwibCI6IiMwMDAwMDAifV0%3D

#svg #inkscape

#SVG

Client Info