#svg — Public Fediverse posts

ITÉRATION 260713-1711

#processing #code #svg #creativeCoding

ITÉRATION 260713-1711

#processing #code #svg #creativeCoding

Letzte Woche habe mit der leistungsstarken und vielseitigen Motion-Graphics-App Friction (@friction) mein SVG-Logo für meine Webseite animiert. :ablobcool:

Auch wenn die Bedienung noch etwas Gewöhnung braucht, ist es möglich, einfach eine funktionierende SVG-Animation zu erstellen. :blobcatheadbang:

#svg #logo #animation #friction

Letzte Woche habe mit der leistungsstarken und vielseitigen Motion-Graphics-App Friction (@friction) mein SVG-Logo für meine Webseite animiert. :ablobcool:

Auch wenn die Bedienung noch etwas Gewöhnung braucht, ist es möglich, einfach eine funktionierende SVG-Animation zu erstellen. :blobcatheadbang:

#svg #logo #animation #friction

Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode.

❇️ https://ko-fi.com/post/Ambient-video-glow-matching-video-X6E323Y3L0

❇️ https://www.patreon.com/anatudor/posts/ambient-video-164955518

#SVG #filter #svgFilter #code #coding #graphicEffect #glow #frontend #web #dev #webDev #webDevelopment

Cinematic/ ambient video glow effect matching playing video - no JS, no extra elements other than the `video`. No banding for the fading glow, working well in both light and dark mode.

❇️ https://ko-fi.com/post/Ambient-video-glow-matching-video-X6E323Y3L0

❇️ https://www.patreon.com/anatudor/posts/ambient-video-164955518

#SVG #filter #svgFilter #code #coding #graphicEffect #glow #frontend #web #dev #webDev #webDevelopment

Registering and rendering SVG icons in WordPress 7.1
----------
WordPress 7.0 added a built-in set of SVG icons that the block editor and the core/icon block can[…]
 
#WordPress #Core #icons #SVG #WordPress71

https://www.wpnews.io/registering-and-rendering-svg-icons-in-wordpress-7-1/

#GenerativeArt interlude

Five simple curves and a couple of filters

Cave art

#XQuery #SVG #CreativeCoding #HumanArt

#GenerativeArt interlude

Five simple curves and a couple of filters

Cave art

#XQuery #SVG #CreativeCoding #HumanArt

Global Webmail Espionage

A persistent cyberespionage campaign tracked as CL-STA-1114, overlapping with Russian threat actor activity known as Void Blizzard and LAUNDRY BEAR, has been targeting Zimbra webmail in government, defense, transportation, and financial organizations. The campaign focuses on NATO member states, Ukraine, Commonwealth of Independent States countries, and Africa. Attackers exploit CVE-2025-66376, a vulnerability in Zimbra Collaboration Suite, using zero-click phishing emails that automatically inject malicious JavaScript payloads without user interaction. The payload exfiltrates sensitive data including login credentials, email archives, CSRF tokens, 2FA scratch codes, and 90 days of email history to command and control servers. Active since 2024, the campaign targeting Zimbra servers began in July 2025, utilizing HTML attachments with obfuscated Base64-encoded scripts that deploy SVG elements to inject the JavaScript into victims' browsers.

Pulse ID: 6a624073df6738006a6f6e5a
Pulse Link: https://otx.alienvault.com/pulse/6a624073df6738006a6f6e5a
Pulse Author: AlienVault
Created: 2026-07-23 16:25:23

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

#2FA #Africa #Browser #CyberSecurity #Cyberespionage #Email #Espionage #Government #HTML #InfoSec #Java #JavaScript #NATO #OTX #OpenThreatExchange #Phishing #RAT #Russia #SVG #UK #Ukr #Ukraine #Vulnerability #Webmail #Zimbra #bot #AlienVault

Global Webmail Espionage

A persistent cyberespionage campaign tracked as CL-STA-1114, overlapping with Russian threat actor activity known as Void Blizzard and LAUNDRY BEAR, has been targeting Zimbra webmail in government, defense, transportation, and financial organizations. The campaign focuses on NATO member states, Ukraine, Commonwealth of Independent States countries, and Africa. Attackers exploit CVE-2025-66376, a vulnerability in Zimbra Collaboration Suite, using zero-click phishing emails that automatically inject malicious JavaScript payloads without user interaction. The payload exfiltrates sensitive data including login credentials, email archives, CSRF tokens, 2FA scratch codes, and 90 days of email history to command and control servers. Active since 2024, the campaign targeting Zimbra servers began in July 2025, utilizing HTML attachments with obfuscated Base64-encoded scripts that deploy SVG elements to inject the JavaScript into victims' browsers.

Pulse ID: 6a624073df6738006a6f6e5a
Pulse Link: https://otx.alienvault.com/pulse/6a624073df6738006a6f6e5a
Pulse Author: AlienVault
Created: 2026-07-23 16:25:23

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

#2FA #Africa #Browser #CyberSecurity #Cyberespionage #Email #Espionage #Government #HTML #InfoSec #Java #JavaScript #NATO #OTX #OpenThreatExchange #Phishing #RAT #Russia #SVG #UK #Ukr #Ukraine #Vulnerability #Webmail #Zimbra #bot #AlienVault

GAME BOY - GAME BOX TEMPLATE

I could not find a good file for game boy color box. So using a scan and some deduction I recreated the template myself!

Now it will be super easy to just swap designs for future releases.

Download for free: https://cdn.cyfrowynomada.com/templates/game-boy-game-box-template.svg

#Homebrew #GameBoy #GameDev #IndieDev #InkScape #SVG

GAME BOY - GAME BOX TEMPLATE

I could not find a good file for game boy color box. So using a scan and some deduction I recreated the template myself!

Now it will be super easy to just swap designs for future releases.

Download for free: https://cdn.cyfrowynomada.com/templates/game-boy-game-box-template.svg

#Homebrew #GameBoy #GameDev #IndieDev #InkScape #SVG

RE: https://floss.social/@igalia/116963760482026159

Nikolas Zimmermann is doing an exceptional work around #SVG for the #webkit project in general. And he is a wonderful voice on the W3C SVG WG to make progress on the SVG 2 spec. Go read his two blog posts. We need more of these in the browsers world.

RE: https://floss.social/@igalia/116963760482026159

Nikolas Zimmermann is doing an exceptional work around #SVG for the #webkit project in general. And he is a wonderful voice on the W3C SVG WG to make progress on the SVG 2 spec. Go read his two blog posts. We need more of these in the browsers world.

Our colleague Nikolas Zimmermann (of KSVG fame) has two very interesting posts on the Layer-Based #SVG Engine (LBSE) he’s been implementing. The first post covers the steps he’s taken to reduce layer overhead; the second gets into the details of compositing. Worth your time if you’ve ever written SVG, or if you’re interested in how browsers render things that aren’t HTML and CSS!

https://blogs.igalia.com/nzimmermann/posts/2026-07-14-lbse-conditional-layers/
https://blogs.igalia.com/nzimmermann/posts/2026-07-22-lbse-paint-order-segments/

Our colleague Nikolas Zimmermann (of KSVG fame) has two very interesting posts on the Layer-Based #SVG Engine (LBSE) he’s been implementing. The first post covers the steps he’s taken to reduce layer overhead; the second gets into the details of compositing. Worth your time if you’ve ever written SVG, or if you’re interested in how browsers render things that aren’t HTML and CSS!

https://blogs.igalia.com/nzimmermann/posts/2026-07-14-lbse-conditional-layers/
https://blogs.igalia.com/nzimmermann/posts/2026-07-22-lbse-paint-order-segments/

✏️ InfiniPaint — приложение для совместного создания заметок и рисования на холсте с бесконечным пространством и возможностью масштабирования

©️ Бесплатная и с открытым исходным кодом программа

⬇️ Установка: Flatpak пакета, EXE (Windows), DMG (macOS), Android (APK), веб-версия

👉️ https://linuxmasterclub.ru/infinipaint/

#Linux #OpenSource #Программа #SVG

✏️ InfiniPaint — приложение для совместного создания заметок и рисования на холсте с бесконечным пространством и возможностью масштабирования

©️ Бесплатная и с открытым исходным кодом программа

⬇️ Установка: Flatpak пакета, EXE (Windows), DMG (macOS), Android (APK), веб-версия

👉️ https://linuxmasterclub.ru/infinipaint/

#Linux #OpenSource #Программа #SVG

A Mercator map claimed to divide humanity into two equal geographic groups. My wife asked what it would look like using the Equal Earth projection--so I rebuilt it from an SVG, GeoNames population data, awk, a spreadsheet, and a little CSS. The highlighted countries contain 49.65% of the listed world population.

https://salemdata.net/johnpress/?p=1113

#Cartography #EqualEarth #Mercator #DataVisualization #SVG #OpenData #Linux #awk

A Mercator map claimed to divide humanity into two equal geographic groups. My wife asked what it would look like using the Equal Earth projection--so I rebuilt it from an SVG, GeoNames population data, awk, a spreadsheet, and a little CSS. The highlighted countries contain 49.65% of the listed world population.

https://salemdata.net/johnpress/?p=1113

#Cartography #EqualEarth #Mercator #DataVisualization #SVG #OpenData #Linux #awk

SVG filters on type. @carmenansio shows how SVG filter primitives recreate historical printing effects on web: feMorphology draws true outer strokes, stacked feOffset layers extrude letters into 3D, feSpecularLighting mimics light on raised type, and feDisplacementMap with feTurbulence distorts text organically. She builds gilded initials, chromatic splits, neon glow, and gooey letter merging, with notes on sRGB blending and performance. #svg #typography

https://www.carmenansio.com/articles/svg-filters-on-type/

SVG filters on type. @carmenansio shows how SVG filter primitives recreate historical printing effects on web: feMorphology draws true outer strokes, stacked feOffset layers extrude letters into 3D, feSpecularLighting mimics light on raised type, and feDisplacementMap with feTurbulence distorts text organically. She builds gilded initials, chromatic splits, neon glow, and gooey letter merging, with notes on sRGB blending and performance. #svg #typography

https://www.carmenansio.com/articles/svg-filters-on-type/

SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают исторические типографские эффекты: feMorphology рисует настоящую внешнюю обводку, наложенные слои feOffset придают буквам объём, feSpecularLighting имитирует свет на рельефе, а feDisplacementMap с feTurbulence органично искажает текст. Она собирает золочёные буквицы, хроматические сдвиги, неоновое свечение и слияние букв, с заметками о sRGB и производительности. #svg #typography

https://www.carmenansio.com/articles/svg-filters-on-type/

SVG-фильтры для текста. Кармен Ансио показывает, как примитивы SVG-фильтров воссоздают исторические типографские эффекты: feMorphology рисует настоящую внешнюю обводку, наложенные слои feOffset придают буквам объём, feSpecularLighting имитирует свет на рельефе, а feDisplacementMap с feTurbulence органично искажает текст. Она собирает золочёные буквицы, хроматические сдвиги, неоновое свечение и слияние букв, с заметками о sRGB и производительности. #svg #typography

https://www.carmenansio.com/articles/svg-filters-on-type/

Mermaid как платная AI функция в проекте Django/Next

Mermaid это текстовый формат описания диаграмм. В строках задаются тип схемы, узлы и связи. На выходе получается SVG. Формат подходит для API и базы данных. Код можно сгенерировать, проверить, сохранить, открыть повторно и отрендерить на клиенте. В mermind/ views.py добавлен 503 , если ответ модели не начинается с валидной головы Mermaid. Без этой проверки запрос завершается успешно, ответ от модели приходит, но диаграмма не строится. В ответе остаются fenced-блоки, Markdown, строки с # , служебный текст и фрагменты до первой строки диаграммы. В проекте собран полный серверный и клиентский контур. Генерация, очистка ответа, проверка, рендер, повторная правка, сохранение и библиотека. Как извлекать Mermaid-код из ответа модели. Ответ сначала режется до fenced-блока. Потом проверяется первая строка.

https://habr.com/ru/articles/1061160/

#Mermaid #Nextjs #Django #TypeScript #OpenRouter #LLM #AI #Fullstack #API #SVG

Contagious Interview malware in SVG images: DPRK campaign

Pulse ID: 6a5daa159afa8ff8f48b9816
Pulse Link: https://otx.alienvault.com/pulse/6a5daa159afa8ff8f48b9816
Pulse Author: Tr1sa111
Created: 2026-07-20 04:54:45

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

#CyberSecurity #DPRK #InfoSec #Malware #OTX #OpenThreatExchange #SVG #bot #Tr1sa111

Contagious Interview malware in SVG images: DPRK campaign

Pulse ID: 6a5daa159afa8ff8f48b9816
Pulse Link: https://otx.alienvault.com/pulse/6a5daa159afa8ff8f48b9816
Pulse Author: Tr1sa111
Created: 2026-07-20 04:54:45

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

#CyberSecurity #DPRK #InfoSec #Malware #OTX #OpenThreatExchange #SVG #bot #Tr1sa111

🦖 specularExponent 🦖

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/specularExponent

The specularExponent attribute controls the focus for the light source. The bigger the value the brighter the light.

#webdev #SVG

🦖 specularExponent 🦖

https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/specularExponent

The specularExponent attribute controls the focus for the light source. The bigger the value the brighter the light.

#webdev #SVG

https://github.com/yannchemin/svg2grass.symbol
Converts simple #SVG icons into #GRASSGIS 's #native #vector #symbol #format, the small text grammar read by d.vect icon= (VERSION/BOX/POLYGON/RING/STRING/LINE/ARC). #GRASS has no SVG symbol support at all, so this fills that gap for anyone who wants to render SVG-designed icons as GRASS point/centroid symbols.

Contagious Interview malware in SVG images: DPRK campaign

A DPRK-aligned threat group is targeting developers through fake job postings and coding challenges in a campaign tracked as REF9403. Attackers post fake job offers in developer forums, then send trojanized repositories containing fully functional e-commerce projects with malicious code hidden using steganography inside SVG flag images. When developers run these projects, the malware deploys four-stage payloads aligned with OTTERCOOKIE: a browser credential and cryptocurrency wallet stealer, a file exfiltration module, a Socket.IO-based remote access trojan, and a clipboard stealer. The campaign was discovered after targeting Elastic's community Slack workspace. Multiple trojanized repositories were found with zero antivirus detections at the time of discovery, demonstrating the sophistication of this supply chain attack vector against software developers.

Pulse ID: 6a5a8ba0229db5a5b2686baa
Pulse Link: https://otx.alienvault.com/pulse/6a5a8ba0229db5a5b2686baa
Pulse Author: AlienVault
Created: 2026-07-17 20:08:00

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

#Browser #Clipboard #CyberSecurity #DPRK #InfoSec #Malware #OTX #OpenThreatExchange #RAT #RCE #RemoteAccessTrojan #SVG #Steganography #SupplyChain #Trojan #bot #cryptocurrency #developers #AlienVault

Contagious Interview malware in SVG images: DPRK campaign

A DPRK-aligned threat group is targeting developers through fake job postings and coding challenges in a campaign tracked as REF9403. Attackers post fake job offers in developer forums, then send trojanized repositories containing fully functional e-commerce projects with malicious code hidden using steganography inside SVG flag images. When developers run these projects, the malware deploys four-stage payloads aligned with OTTERCOOKIE: a browser credential and cryptocurrency wallet stealer, a file exfiltration module, a Socket.IO-based remote access trojan, and a clipboard stealer. The campaign was discovered after targeting Elastic's community Slack workspace. Multiple trojanized repositories were found with zero antivirus detections at the time of discovery, demonstrating the sophistication of this supply chain attack vector against software developers.

Pulse ID: 6a5a8ba0229db5a5b2686baa
Pulse Link: https://otx.alienvault.com/pulse/6a5a8ba0229db5a5b2686baa
Pulse Author: AlienVault
Created: 2026-07-17 20:08:00

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

#Browser #Clipboard #CyberSecurity #DPRK #InfoSec #Malware #OTX #OpenThreatExchange #RAT #RCE #RemoteAccessTrojan #SVG #Steganography #SupplyChain #Trojan #bot #cryptocurrency #developers #AlienVault

RE: https://front-end.social/@stefan/116934907362566422

yes! finally! #html #css #svg

RE: https://front-end.social/@stefan/116934907362566422

yes! finally! #html #css #svg

#Development #Pitfalls
Can we use SVG images in emails? · Why scalable images still fail inside modern email https://ilo.im/16ef6h

_____
#Business #EmailClients #Emails #Newsletters #SVG #Images #Design #WebDesign #WebDev #Frontend

#Development #Pitfalls
Can we use SVG images in emails? · Why scalable images still fail inside modern email https://ilo.im/16ef6h

_____
#Business #EmailClients #Emails #Newsletters #SVG #Images #Design #WebDesign #WebDev #Frontend

More progress on the svg editor! Right now it is called "Rewire" btw. The svg document is finally integrated with the canvas editor, so you can use it along with the text editor to make changes. The actions you take in the canvas editor also sync with the text view, meaning you can undo and redo actions as though you had pasted or deleted text.

#gnome #svg #gtk

More progress on the svg editor! Right now it is called "Rewire" btw. The svg document is finally integrated with the canvas editor, so you can use it along with the text editor to make changes. The actions you take in the canvas editor also sync with the text view, meaning you can undo and redo actions as though you had pasted or deleted text.

#gnome #svg #gtk

CSS Linked Parameters Module Level 1, by @tabatkins.com and @dholbert.bsky.social and others (@w3c):

https://www.w3.org/TR/2026/WD-css-link-params-1-20260714/?ref=frontenddogma.com

#css #svg #images

CSS Linked Parameters Module Level 1, by @tabatkins.com and @dholbert.bsky.social and others (@w3c):

https://www.w3.org/TR/2026/WD-css-link-params-1-20260714/?ref=frontenddogma.com

#css #svg #images

#GenerativeArt interlude

Angel break

#XQuery #SVG #CreativeCoding #HumanArt

#GenerativeArt interlude

Angel break

#XQuery #SVG #CreativeCoding #HumanArt

#Development #Techniques
SVG filters on type · From ink bleed to woodtype shadows and metal forms https://ilo.im/16e9c6

_____
#Effects #Letters #Typography #Design #WebDesign #WebDev #Frontend #SVG #CSS #JavaScript

#Nesting is the term for organizing parts for cutting from a surface in the best possible way, saving material and/or time. There are very expensive tools for it, because it's crucial for many industries, and from time to time I have a look at the landscape of free and open source software for this.

A quick search today surfaced two very cool tools:

• https://deepnest.io/ Linux, Mac & Windows
• https://svgnest.com/ online, browser based

#FLOSS #DigitalFabrication #SVG

🎉 Congrats on proving that #PgBouncer can scale like a caffeine-fueled hamster on a wheel! 🚀 Meanwhile, actual humans are still trying to figure out what #ClickHouse is doing managing #Postgres, like a cat herding an army of squirrels. 🐿️ Please, share more magical buzzword spells and impressive #SVG logos! 🙄
https://clickhouse.com/blog/pgbouncer-clickhouse-managed-postgres #scaling #techhumor #HackerNews #ngated