Irregular shaped image with both convex & concave roundings. Shape depends on other elements, how they scale/ wrap. Flexible layout depending on viewport.
Because someone asked how to
https://www.reddit.com/r/css/comments/1k60u7w/comment/momcgkp/
Irregular shaped image with both convex & concave roundings. Shape depends on other elements, how they scale/ wrap. Flexible layout depending on viewport.
Because someone asked how to
https://www.reddit.com/r/css/comments/1k60u7w/comment/momcgkp/
SVG Phishing Attacks Surge in 2025, Exploiting Image Files
#Cybersecurity #SVG #Phishing #InfoSec #CyberAttack #Malware #EmailSecurity #CyberCrime #ThreatIntel
https://winbuzzer.com/2025/04/21/svg-phishing-attacks-surge-in-2025-exploiting-image-files-xcxwbn/
https://www.europesays.com/de/45608/ Berlin & Brandenburg: SVG Lüneburg folgt den BR Volleys ins Finale #AktuelleNachrichtenAusBerlinUndBrandenburg #AktuelleNachrichtenAusBrandenburg #AktuelleNewsAusBerlinUndBrandenburg #AktuelleNewsAusBrandenburg #Berlin #BerlinUndBrandenburg #br #Brandenburg #Deutschland #Finale #Germany #Lüneburg #SVG #Volleys
Ugh, I'm grinding gears on these PDF details. Context fill! from hell's heart I stab at thee!
At least I found some solid bugs in Inkscape's SVG rendering too. So there's that!
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: https://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.
https://codepen.io/chriskirknielsen/pen/xbbbRKZ?editors=1100
This weeks CodePen challenge got me learning about glowing fungi, jellyfish, and fireflies.
Amazingly CSS can animate along a SVG path and I am so happy to have learnt about that. I thought for sure I would need JS for the fireflies.
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: https://webkit.org/blog/16794/the-css-shape-function/
* 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)`!)
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"
I'm really practical. First the idea, then the implementation. Techniques are just tools, albeit powerful ones #html #css #javascript #php #svg
Coloring Richard Kiel as Jaws in James Bond
Interesting:
OmniSVG is the first family of "end-to-end multimodal SVG generators" capable of generating complex and detailed SVGs ("from simple icons to intricate anime characters").
#GenerativeArt interlude
More fun with integer sequences
Triangular Truchet tiling with integer sequences driving things
Flip sequence determines whether hypoteneuse runs down from left or up; swap sequence determines whether the pattern lays out from left or right.
Colour sequences determine colour advancement horizontally and vertically.
Loops
@thomasorus was inspired when i saw it: renders with customizable strokes, colors and corner radii - did it in #java
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: https://otx.alienvault.com/pulse/67fbb96ccb2b2cd5801ad78b
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.
#Design #Launches
SVG Viewer · Edit, optimize, and convert SVGs, all on one site https://ilo.im/163721
_____
#SVG #Editor #Optimizer #Converter #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend