Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
livellosegreto.it is one of the many independent Mastodon servers you can use to participate in the fediverse.
Livello Segreto è il social etico che ha rispetto di te e del tuo tempo.

Administered by:

Server stats:

1.2K
active users

livellosegreto.it: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#svg

3 posts3 participants0 posts today
Public
Christopher Kirk-Nielsen

I wanted to make the backdrop of my website's menu (on mobile) be frosted glass, but with a rough texture. #SVG filter (with SVGFM: svgfm.chriskirknielsen.com/, hashtag always be pluggin'), boom, done! Except Firefox is like "whoa not with `backdrop-filter`" (fine with `filter` though), and Safari still doesn't know what an inline SVG filter URL is. Boo. :( Time to file/find browser bugs…

Anyways, check out that texture — sure would love to ship it. 😢
codepen.io/chriskirknielsen/pe

A preview of the linked CodePen rendered in Chrome where a popover is open, and the content behind it is blurred with a rough glass texture instead of a smooth blur.
My website on a mobile sized device where the menu is open, overlaying the page content with a textured glass blur.
Public
Christopher Kirk-Nielsen

While I'm not a huge fan of the verbosity of the syntax* here, this is very cool, and the basic demo is surprisingly impressive: webkit.org/blog/16794/the-css-

* Though to be fair: a) I don't remember all of #SVG's commands, and b) this does feel rather expressive and #CSS-y (looking at you, `radial-gradient(circle at center in hsl longer hue, red, blue)`!)

WebKit · The CSS shape() functionShapes are an important aspect of graphic design.
Public
Rafael Perez

Prismic.io has published a collection of lists for many types of css/javascript/svg driven animations to enhance your web apps' user experience. Each example includes real-world use cases and clear code examples in the appropriate languages.

The collection includes:

1. Text Animations
2. Hover Effects
3. Button Animations
4. Background Effects, and
5. Image Effects

"CSS Animation Collection: 150+ Examples & Code"

prismic.io/guides/css-animatio

#programming#css#javascript
Replied in thread
Public
🧊 freezr 🥶

@eliteamdgamer

I do believe that #Inkscape is the best #SVG editor out there... With a sane interface even if in GTK3 which now works natively on MacOS... And it doesn't have any hamburger menu... But if you don't like it, you may try this one although still in alpha... graphite.rs/

GraphiteFree online vector editor & procedural design toolOpen source free software. A vector graphics creativity suite with a clean, intuitive interface. Opens instantly (no signup) and runs locally in a browser. Exports SVG, PNG, JPG.
Public
OTX Bot

Massive Surge in SVG Based Phishing

A new breed of phishing attacks is targeting web users using image files as delivery vehicles, according to a new report from Trustwave SpiderLabs and the firm that co-founded the security firm.

Pulse ID: 67fbb96ccb2b2cd5801ad78b
Pulse Link: otx.alienvault.com/pulse/67fbb
Pulse Author: cryptocti
Created: 2025-04-13 13:17:32

Be advised, this data is unverified and should be considered preliminary. Always do further verification.

LevelBlue Open Threat ExchangeLevelBlue - Open Threat ExchangeLearn about the latest cyber threats. Research, collaborate, and share threat intelligence in real time. Protect yourself and the community against today's emerging threats.
#CyberSecurity#InfoSec#OTX
Public
Aral Balkan

New Kitten feature: Icons!

You can now make use of a subset of the icons in the Phosphor icons set by @minoraxis and @rektdeckard.

kitten.small-web.org/reference

Search through them in your editor by referencing `kitten.icons.categories` and `kitten.icons.tags`.

Add this to a file called index.page.js and run `kitten` to see a large duotone pink cat (because why not?):

export default function () {
return kitten.html`
<${kitten.icons.c.Cat}
size=40%
weight=duotone
colour=deeppink
/>
`
}

(And yes, the set includes icons for the fediverse. This one of the reasons I chose it.) ;)

Enjoy!

:kitten:💕

Screenshot of the all icons example at the end of this section showing the icons sorted alphabetically and rendered in duotone deep pink. The icons starting with a and b are visible in the browser.
#Kitten#SmallWeb#SmallTech
Public
Mary Holstege

#GenerativeArt interlude

More fun with OEIS integer sequences.

Today we'll make some pseudospirals: a sequence of arcs with 90 degree turns in between, where the radii are driven off a sequence. Arcs may have a gain function applied. Negative radii flip direction.

A200437: Number of -n..n arrays x(0..9) of 10 elements with zero sum and no two or three adjacent elements summing to zero
Sequence negation (every 17th), no gain

A circular chain of four square spirals with the boxes filled in with curves of pale yellows and blues.
#XQuery#SVG#CreativeCoding
SearchLive feeds
About