sueden.social

Hacker NewsOffline Math: Converting LaTeX to SVG with MathJax<a href="https://sigwait.org/~alex/blog/2025/10/07/3t8acq.html" rel="nofollow noopener" translate="no" target="_blank">https://sigwait.org/~alex/blog/2025/10/07/3t8acq.html</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Offline" class="mention hashtag" rel="nofollow noopener" target="_blank">#Offline</a> <a href="https://mastodon.social/tags/Math" class="mention hashtag" rel="nofollow noopener" target="_blank">#Math</a> <a href="https://mastodon.social/tags/LaTeX" class="mention hashtag" rel="nofollow noopener" target="_blank">#LaTeX</a> <a href="https://mastodon.social/tags/MathJax" class="mention hashtag" rel="nofollow noopener" target="_blank">#MathJax</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/Conversion" class="mention hashtag" rel="nofollow noopener" target="_blank">#Conversion</a>

flockaroocaught in the net <a href="https://mastodon.art/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://mastodon.art/tags/allcode" class="mention hashtag" rel="nofollow noopener" target="_blank">#allcode</a> <a href="https://mastodon.art/tags/generative" class="mention hashtag" rel="nofollow noopener" target="_blank">#generative</a>

Ana Tudor 🐯Grainy abstract <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> backgrounds.A little <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@codepen</a> demo: <a href="https://codepen.io/thebabydino/pen/azONXNb" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/thebabydino/pen/azONXNb</a>Enjoy!(created for my grainy gradients article <a href="https://frontendmasters.com/blog/grainy-gradients/" rel="nofollow noopener" translate="no" target="_blank">https://frontendmasters.com/blog/grainy-gradients/</a>)<a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#svgFilter</a> <a href="https://mastodon.social/tags/svgGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#svgGradient</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/dv" class="mention hashtag" rel="nofollow noopener" target="_blank">#dv</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

ratfactorA new seasonal look for my family instance of famsite. 🦃 The theme changes are pure CSS (and a touch of JS for the countdown). I made the turkey SVG in <a href="https://mastodon.art/@inkscape" class="u-url mention" rel="nofollow noopener" target="_blank">@inkscape</a> this morning. It's just a handful of shapes with color gradients.To run, famsite just needs PHP and SQLite on a webserver somewhere. I'm serving mine with OpenBSD's httpd on a VPS hosted by <a href="https://mastodon.bsd.cafe/@OpenBSDAms" class="u-url mention" rel="nofollow noopener" target="_blank">@OpenBSDAms</a> . The schema has 3 tables. The whole thing fits on a floppy. 💾 <a href="https://ratfactor.com/repos/famsite/" rel="nofollow noopener" translate="no" target="_blank">https://ratfactor.com/repos/famsite/</a><a href="https://mastodon.art/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#website</a> <a href="https://mastodon.art/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://mastodon.art/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.art/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</a> <a href="https://mastodon.art/tags/sqlite" class="mention hashtag" rel="nofollow noopener" target="_blank">#sqlite</a> <a href="https://mastodon.art/tags/openbsd" class="mention hashtag" rel="nofollow noopener" target="_blank">#openbsd</a>

𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕»Just use HTML — JavaScript is… - Slower to load - Slower to run - More prone to breaking - Harder to read and reason about - Doesn’t actually look like the final output«Don't use JavaScript for the design, because CSS as well as SVG images can create a lot of animation and the ability to create a dynamic web interface.🧑‍💻 <a href="https://gomakethings.com/just-use-html/" rel="nofollow noopener" translate="no" target="_blank">https://gomakethings.com/just-use-html/</a><a href="https://chaos.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://chaos.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://chaos.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdesign</a> <a href="https://chaos.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://chaos.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://chaos.social/tags/fastweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#fastweb</a> <a href="https://chaos.social/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#animation</a> <a href="https://chaos.social/tags/animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#animation</a> <a href="https://chaos.social/tags/slowweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#slowweb</a> <a href="https://chaos.social/tags/jsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#jsx</a>

randomMDN🦖 <textPath> ✅ Widely available (from Jul 2015)<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/textPath" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/textPath</a>The <textPath> SVG element is used to render text along the shape of a <path> element. The text must be enclosed in the <textPath> element and its href attribute is used to reference the desired <path>.<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a>

The whale𝗨𝗻𝗶𝗰𝗼𝗻𝘀: <a href="https://framapiaf.org/tags/Icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#Icons</a> <a href="https://framapiaf.org/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://framapiaf.org/tags/Unicons" class="mention hashtag" rel="nofollow noopener" target="_blank">#Unicons</a><a href="https://thewhale.cc/posts/unicons" rel="nofollow noopener" translate="no" target="_blank">https://thewhale.cc/posts/unicons</a>1300+ Pixel-perfect vector icons and Iconfont for your next project.

hasamba🎯 Threat Intelligence ===================Executive summary: Tykit is a labeled phishing kit family identified from ANY.RUN sandbox sessions first seen in May 2025 with peak activity in September–October 2025. The kit delivers obfuscated JavaScript inside SVG assets, reconstructs it via XOR, executes with eval(), and redirects victims to fake Microsoft 365 login pages. Multiple samples reuse the same exfiltration endpoints and share near-identical client-side logic.Technical details: • Observed delivery vector: SVG file embedding JavaScript that rebuilds a payload using XOR and executes via eval(). • Observed C2 and endpoints: segy2[.]cc (POST to /api/validate) and multiple fake login domains matching the pattern used for Microsoft 365 impersonation. • Sample artifact: SHA256 a7184bef39523bef32683ef7af440a5b2235e83e7fb83c6b7ee5f08286731892. • Client-side behavior: staged execution with validation of the victim's current authorization state at multiple steps; layered redirects to obscure the final phishing page.Attack chain analysis: • Initial Access: SVG asset served to target (delivery vector embedded in email or web redirect). • Execution: JavaScript inside SVG reconstructs payload using XOR and executes it via eval() in the browser context. • Credential Harvesting: Victim is redirected to a cloned Microsoft 365 login page capturing credentials. • Exfiltration: Client-side code performs POST to C2 (example /api/validate on segy2[.]cc) to send harvested data.Analysis and scale: Observed targeting includes corporate Microsoft 365 accounts across industries such as finance, professional services, IT, government, telecom, real estate and education, with geographic spread across the US, Canada, LATAM, EMEA, Southeast Asia and the Middle East. The reuse of C2 infrastructure and consistent client-side obfuscation patterns indicate an organized phishing kit rather than isolated malicious pages.Detection (reported observations only): • Look for SVG assets that include long inlined JavaScript sequences and apparent XOR decoding routines. • Monitor outbound POSTs to domains like segy2[.]cc with bodies containing validation/credential-like fields. • Flag login pages whose hostnames mimic Microsoft subdomains but contain long randomized tokens or atypical TLDs.Limitations and unknowns: • No public attribution to a specific actor was provided in the analyzed material. • Full scope of infected targets and total credential harvest counts were not quantified in the source report.🔹 phishing <a href="https://infosec.exchange/tags/Tykit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tykit</a> <a href="https://infosec.exchange/tags/Microsoft365" class="mention hashtag" rel="nofollow noopener" target="_blank">#Microsoft365</a> <a href="https://infosec.exchange/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://infosec.exchange/tags/anyrun" class="mention hashtag" rel="nofollow noopener" target="_blank">#anyrun</a>🔗 Source: <a href="https://any.run/cybersecurity-blog/tykit-technical-analysis/" rel="nofollow noopener" translate="no" target="_blank">https://any.run/cybersecurity-blog/tykit-technical-analysis/</a>

Patrick :neocat_flag_bi:One Open-source Project Daily A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects. <a href="https://github.com/tabler/tabler-icons" rel="nofollow noopener" target="_blank">https://github.com/tabler/tabler-icons</a> <a href="https://hatoya.cafe/tags/1ospd" rel="nofollow noopener" target="_blank">#1ospd</a> <a href="https://hatoya.cafe/tags/opensource" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://hatoya.cafe/tags/bootstrapicons" rel="nofollow noopener" target="_blank">#bootstrapicons</a> <a href="https://hatoya.cafe/tags/components" rel="nofollow noopener" target="_blank">#components</a> <a href="https://hatoya.cafe/tags/css" rel="nofollow noopener" target="_blank">#css</a> <a href="https://hatoya.cafe/tags/icon" rel="nofollow noopener" target="_blank">#icon</a> <a href="https://hatoya.cafe/tags/iconpack" rel="nofollow noopener" target="_blank">#iconpack</a> <a href="https://hatoya.cafe/tags/icons" rel="nofollow noopener" target="_blank">#icons</a> <a href="https://hatoya.cafe/tags/iconspack" rel="nofollow noopener" target="_blank">#iconspack</a> <a href="https://hatoya.cafe/tags/iconset" rel="nofollow noopener" target="_blank">#iconset</a> <a href="https://hatoya.cafe/tags/qualitysvgicons" rel="nofollow noopener" target="_blank">#qualitysvgicons</a> <a href="https://hatoya.cafe/tags/react" rel="nofollow noopener" target="_blank">#react</a> <a href="https://hatoya.cafe/tags/svelte" rel="nofollow noopener" target="_blank">#svelte</a> <a href="https://hatoya.cafe/tags/svg" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://hatoya.cafe/tags/svgicons" rel="nofollow noopener" target="_blank">#svgicons</a> <a href="https://hatoya.cafe/tags/tablericons" rel="nofollow noopener" target="_blank">#tablericons</a>

Greenpete :dustSprite:Inkscape - Pages for Everyone... <a href="https://www.youtube.com/watch?v=apdL-p7LRBs" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=apdL-p7LRBs</a> <a href="https://sunny.garden/tags/inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#inkscape</a> <a href="https://sunny.garden/tags/vector" class="mention hashtag" rel="nofollow noopener" target="_blank">#vector</a> <a href="https://sunny.garden/tags/graphics" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphics</a> <a href="https://sunny.garden/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a>

Frontend DogmaSmashing Animations: Building Adaptive SVGs With “<symbol>”, “<use>”, and CSS Media Queries, by <a href="https://mastodon.social/@malarkey" class="u-url mention" rel="nofollow noopener" target="_blank">@malarkey</a> (<a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@smashingmag</a>):<a href="https://www.smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-svgs/" rel="nofollow noopener" translate="no" target="_blank">https://www.smashingmagazine.com/2025/10/smashing-animations-part-5-building-adaptive-svgs/</a><a href="https://mas.to/tags/animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#animations</a> <a href="https://mas.to/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

randomMDN🦖 result 🦖<a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/result" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/result</a>The result attribute defines the assigned name for this filter primitive. If supplied, then graphics that result from processing this filter primitive can be referenced by an in attribute on a subsequent filter primitive within the same <filter> element. If no value is provided, the output will only be available for re-use as the implicit input into the next filter primitive if that filter …<a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a>

Terence EdenI've manually gone through all 464(!) icons and found about 25 which need updating.If you'd like to help with a little bit of SVG Code-Golf - you can get stuck in at <a href="https://github.com/edent/SuperTinyIcons/issues?q=is%3Aissue%20state%3Aopen%20label%3AUpdate" rel="nofollow noopener" translate="no" target="_blank">https://github.com/edent/SuperTinyIcons/issues?q=is%3Aissue%20state%3Aopen%20label%3AUpdate</a><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a>

GTKMatthias has been hard at work implementing a way to render SVG icons with animations in GTK4: <a href="https://blogs.gnome.org/gtk/2025/10/23/svg-in-gtk/" rel="nofollow noopener" translate="no" target="_blank">https://blogs.gnome.org/gtk/2025/10/23/svg-in-gtk/</a><a href="https://floss.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://floss.social/tags/gtk" class="mention hashtag" rel="nofollow noopener" target="_blank">#gtk</a> <a href="https://floss.social/tags/gtk4" class="mention hashtag" rel="nofollow noopener" target="_blank">#gtk4</a>

Vector HugoComputers played <a href="https://burma.social/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#music</a> long before <a href="https://burma.social/tags/mp3" class="mention hashtag" rel="nofollow noopener" target="_blank">#mp3</a> was established by Karlheinz Brandenburg in 1991, but listening to "Olson" (1998) on a <a href="https://burma.social/tags/DEC" class="mention hashtag" rel="nofollow noopener" target="_blank">#DEC</a> <a href="https://burma.social/tags/PDP1" class="mention hashtag" rel="nofollow noopener" target="_blank">#PDP1</a> (1959) is <a href="https://burma.social/tags/retrocomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#retrocomputing</a> at <a href="https://burma.social/tags/IT" class="mention hashtag" rel="nofollow noopener" target="_blank">#IT</a>'s best. <a href="https://youtu.be/wubkrBd3-gg" rel="nofollow noopener" translate="no" target="_blank">https://youtu.be/wubkrBd3-gg</a>The <a href="https://burma.social/tags/vector" class="mention hashtag" rel="nofollow noopener" target="_blank">#vector</a> <a href="https://burma.social/tags/illustration" class="mention hashtag" rel="nofollow noopener" target="_blank">#illustration</a> is made in <a href="https://burma.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> with <a href="https://burma.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#Inkscape</a>, not <a href="https://burma.social/tags/Adobe" class="mention hashtag" rel="nofollow noopener" target="_blank">#Adobe</a> <a href="https://burma.social/tags/Illustrator" class="mention hashtag" rel="nofollow noopener" target="_blank">#Illustrator</a>

Martin Owens :inkscape:Want Inkscape's Multi-page to work in web browsers (and other tools)?Well my work today has been on moving our inkscape:page element to the SVG standard "view" element. Already supported in web browsers and hopefully supported someday in SVG viewers that use librsvg (are you interested <a href="https://mstdn.mx/@federicomena" class="u-url mention" rel="nofollow noopener" target="_blank">@federicomena</a> ?)This will need testing and a migration for older data too. But I like more standards compliant files and less custom stuff in inkscape's svg.<a href="https://floss.social/tags/inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#inkscape</a> <a href="https://floss.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://floss.social/tags/w3c" class="mention hashtag" rel="nofollow noopener" target="_blank">#w3c</a> <a href="https://floss.social/tags/viewbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#viewbox</a> <a href="https://floss.social/tags/page" class="mention hashtag" rel="nofollow noopener" target="_blank">#page</a>

Martin EdwardsWhat's recently happened to my <a href="https://infosec.exchange/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> icons in <a href="https://infosec.exchange/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#Chrome</a> (left, vs. Safari right)? <a href="https://www.martinedwards.co.uk/how-to/" rel="nofollow noopener" translate="no" target="_blank">https://www.martinedwards.co.uk/how-to/</a>

Hraban (fiëé visuëlle)Falls nochmal jemand über das Problem stolpert: Die Größe des Viewports in mm muss mit 96/25.4 multipliziert werden, um die Pixel zu bekommen, mit denen der Rest des Dokuments rechnet. Hat mich auch nur einen ganzen Tag gekostet. 🤬 <a href="https://literatur.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://literatur.social/tags/Inkscape" class="mention hashtag" rel="nofollow noopener" target="_blank">#Inkscape</a> <a href="https://literatur.social/tags/inkex" class="mention hashtag" rel="nofollow noopener" target="_blank">#inkex</a>

Oliver Giel · GIEL BildweltenWissenswertes und weiterführende Links zur Nutzung und Erstellung von individuellen SVG-Grafiken als Icons und Bottons in Filemaker. <a href="https://mastodon.social/tags/filemaker" class="mention hashtag" rel="nofollow noopener" target="_blank">#filemaker</a> <a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#svg</a> <a href="https://filemaker-kompetenz.ch/filemaker-und-svg/" rel="nofollow noopener" translate="no" target="_blank">https://filemaker-kompetenz.ch/filemaker-und-svg/</a>

HenryI am currently getting into <a href="https://sueden.social/tags/SVG" class="mention hashtag" rel="tag">#SVG</a> to use for interactive websites and it's wild what you can do. I previously used the <a href="https://sueden.social/tags/canvas" class="mention hashtag" rel="tag">#canvas</a> but am considering switching for future projects.You can do turbulence using perlin noise as well as displacement filers. I did not expect that. It's not even a crazy hack, it's just a normal feature.Img: <a href="https://www.kelvinlawrence.net/svg/index.html" target="_blank" rel="nofollow noopener" translate="no">https://www.kelvinlawrence.net/svg/index.html</a> (307. filter-turbulence)

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#svg