# SVG SVG is an XML-based language for describing two-dimensional vector and mixed vector/raster graphics. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Релиз рабочего окружения GNOME 51 A Coruña DevFeed: [Релиз рабочего окружения GNOME 51 A Coruña]() Original publisher: [Read original article]() Author: denis-19 Published: 2026-09-17T08:31:45Z Content type: news Language: ru Sources: [Tagir Valeev]() Topics: [input](), [Wayland](), [SVG](), [API]() Tags: [2026](), [background](), [capture](), [files](), [gnome](), [gnome-51](), [input](), [panel](), [settings](), [svg](), [tag-08a48a9394c3](), [tag-cb5ff012b3f0](), [wayland]() ### AI overview GNOME 51, codenamed A Coruña, was released on September 16, 2026. The release improves performance and settings, adds new GNOME Circle applications and elements, and introduces features including monitor brightness restoration, elogind support, a QR-code generation API, input capture portal support, improved screen recording, SVG-based cursors, and Wayland background effects. ### Source excerpt 16 сентября 2026 года состоялся релиз рабочего окружения GNOME 51 под кодовым названием A Coruña. В проекте оптимизирована производительность и настройки, добавлены новые элементы и приложения в GNOME Circle. Читать далее ## GTK 4.24 Released With Better Fractional Scaling, More Precise GDK Frame-Clock DevFeed: [GTK 4.24 Released With Better Fractional Scaling, More Precise GDK Frame-Clock]() Original publisher: [Read original article]() Author: Michael Larabel Published: 2026-09-12T10:52:32Z Content type: news Language: en Sources: [Phoronix]() Topics: [GTK](), [Wayland](), [SVG](), [Android](), [bug]() Tags: [android](), [bug-fixes](), [desktop](), [desktop-linux](), [feature](), [linux-benchmarking](), [linux-hardware-benchmarks](), [linux-hardware-reviews](), [linux-how-to](), [linux-performance](), [linux-server-benchmarks](), [open-source-graphics](), [phoronix](), [phoronix-test-suite](), [release](), [svg](), [ubuntu-benchmarks](), [ubuntu-hardware]() ### AI overview GTK 4.24 is a stable feature release that improves fractional scaling, frame timing, reduced-motion behavior, SVG support, and Wayland integration. It also includes Android frame-timing improvements and many bug fixes, while session save and restore has moved to GTK 4.26. ### Source excerpt GTK 4.24 released on Friday as the newest stable feature release to the GTK4 toolkit. It's quite a nice update to GTK4 for pairing with next week's GNOME 51 desktop release... ## Typst 0.15 adds variable fonts, MathML, and multiple bibliographies DevFeed: [Typst 0.15 adds variable fonts, MathML, and multiple bibliographies]() Original publisher: [Read original article]() Author: jake Published: 2026-09-09T15:37:55Z Content type: news Language: en Sources: [LWN.net]() Topics: [Typst](), [pdf](), [SVG](), [Variable Fonts](), [LaTeX](), [Rust]() Tags: [apache](), [features](), [fonts](), [latex](), [new-features](), [open-source](), [pdf](), [rust](), [variable-fonts]() ### AI overview Typst 0.15 adds support for variable fonts, MathML, multiple bibliographies, and other features. The article examines variable-font support and demonstrates it with Roboto Flex and Zycon. ### Source excerpt Typst is a system for typesetting documents into various formats: PDF, SVG, PNG, and, in progress, HTML. It is adept at handling technical material, and is often considered to be an eventual LaTeX replacement. We last looked in on Typst a year ago, when it had reached version 0.13. A new version, 0.15, was released in June with lots of new features, including support for variable fonts, MathML, multiple bibliographies, and more. Typst is free, Apache-2.0-licensed software, programmed in Rust. ## Timing Charts: A Blueprint For SMIL Animations DevFeed: [Timing Charts: A Blueprint For SMIL Animations]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Johan Grobler) Published: 2026-08-20T13:00:00Z Content type: tutorial Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [SVG](), [SVG animations in CSS](), [frontend animation](), [web animation]() Tags: [animation](), [article](), [css](), [css-animations](), [design](), [svg]() ### AI overview This article explains SMIL as a way to animate SVG graphics without JavaScript. It introduces timing charts as a planning tool for coordinating animation start and stop times, and discusses how structured planning can make verbose SMIL markup easier to manage. ### Source excerpt Discover SMIL, the often-overlooked way to animate SVGs that works inside `` tags and can fully animate everything in an SVG without JavaScript. ## A real chart in 15 lines of SVG, no library DevFeed: [A real chart in 15 lines of SVG, no library]() Original publisher: [Read original article]() Author: Marko Published: 2026-08-19T11:34:04Z Content type: tutorial Language: en Sources: [Marko Denic Tech]() Topics: [SVG](), [CSS](), [Canvas](), [data](), [Web Development]() Tags: [blog-for-developers](), [build-faster](), [code](), [code-productivity](), [code-smarter](), [coding](), [content-monetization](), [css](), [css-animation](), [css-performance](), [design](), [developer-growth](), [developer-resources](), [email-newsletter-for-coders](), [front-end-development](), [github-profile-automation](), [html](), [html-tips](), [javascript](), [javascript-tricks](), [learn-to-code](), [marketing](), [responsive-design-tips](), [svg](), [ui](), [web-dev-newsletter](), [web-development](), [web-development-tips](), [weekly-dev-tips](), [workflow-optimization]() ### AI overview A practical guide to creating responsive, accessible data visualizations with inline SVG in about 15 lines, without a charting library. It explains coordinate mapping, responsive sizing, area fills, bar spacing, and common rendering considerations. ### Source excerpt No chart library needed. Inline SVG plots your data in 15 lines, scales to any container, and styles with the same CSS as everything else. ## Agentic Coding: Bet on the Primitives DevFeed: [Agentic Coding: Bet on the Primitives]() Original publisher: [Read original article]() Author: Robin Wieruch Published: 2026-07-31T06:00:00Z Content type: opinion Language: en Sources: [Robin Wieruch]() Topics: [agentic-coding](), [coding](), [React](), [SVG]() Tags: [abstraction](), [agentic-coding](), [ai-coding-agents](), [ai-engineer](), [build-vs-buy-components](), [coding](), [d3-vs-recharts](), [opinions](), [react](), [svg]() ### AI overview The article argues that agentic coding lowers implementation costs enough to make owning lower-level primitives more practical. It describes an experiment comparing D3 math primitives with React-rendered SVG against Recharts for custom charts: Recharts reached most of the result faster, but its remaining customization needs and an animation issue led to more workarounds than the primitive-based approach. ### Source excerpt Agentic coding collapses the cost of implementation labor. Why the rational bet is moving from high-level libraries back to primitives you own. ## GNU Hurd Q2 2026 development updates DevFeed: [GNU Hurd Q2 2026 development updates]() Original publisher: [Read original article]() Published: 2026-07-03T20:32:51Z Content type: news Language: en Sources: [GNU Hurd]() Topics: [Code](), [POSIX](), [SVG](), [GitHub](), [virtio](), [Kernel](), [Wiki]() Tags: [2026](), [code](), [crash](), [cross-compilation](), [posix](), [servers](), [svg](), [virtio](), [wiki]() ### AI overview A quarterly GNU Hurd development update covering a public 9pfs repository with basic file browsing and reading support, additional write support, POSIX-related validation, bug fixes, cross-compilation work, Rust translator development, and planned dynamic device population. ### Source excerpt Hello and welcome to another Qoth! Here's what's been happening in Q2 of 2026! Joshua Branson added a pretty cool svg logo for our ethernet multiplexor. He built that image with Inkscape whilst using a Hurd laptop (Thinkpad 420) running on real iron! The Hurd wiki could certainly use more artwork. Perhaps you have a favorite Hurd translator that you believes needs some artwork! Sergey Bugaev announced his WIP 9pfs (source code), and it has a wiki page! He writes: Some years ago, I experimented with implementing a 9P translator for the Hurd. Hopefully there is no need to tell this list what 9P is :) Besides just browsing files on the few existing servers out there, a potential use case is virtio-9p, to enable shared directory trees between VMs and the host. But that would need someone to implement virtio support in the Hurd. I wanted to complete 9pfs before publishing, but that ultimately didn't happen, so now it's time to turn it over to the community. I now went and made the repository public on GitHub: https://github.com/bugaevc/9pfs What's implemented is basic browsing (readdir, stat), path resolution (dir_lookup), and reading files (io_read). And below that, the whole tracking for nodes, peropens, protids, fids, tags, and 9p RPCs. Improvements are welcome, send patches to this list with [PATCH 9pfs] in the subject. A good starting point would be to continue porting things that I had implemented in the old netfs-based version (see netfs.c) but didn't yet port to the new one. He then got a little more motivated, and he added some write support! Etienne Brateau added validation to msync, so that the Hurd better follows POSIX. Diego Nieto Cid worked on allowing privileged users to set their task priority (nice value). His patches landed in glibc and GNU Mach. He also fixed a tiny bug in our test suite. He fixed an adjtime bug, which is helpful to the OpenNTPD port, and he fixed two more bugs. Paulo Duarte sent a RFC patch series trying to commit Sergey's previous AA ## Vercel Open Source Program: Spring 2026 cohort DevFeed: [Vercel Open Source Program: Spring 2026 cohort]() Original publisher: [Read original article]() Author: Amy Egan Published: 2026-06-29T13:00:00Z Content type: news Language: en Sources: [Vercel News]() Topics: [Open Source](), [Vercel](), [Maintainers](), [Next.js](), [React](), [Model Context Protocol (MCP)](), [TypeScript](), [MCP](), [Filesystems](), [CSS](), [Framer Motion](), [SVG]() Tags: [2026](), [ascii](), [browser](), [maintainers](), [mcp](), [model-context-protocol](), [next-js](), [open-source](), [react](), [real-time](), [typescript](), [vercel]() ### AI overview Vercel announces the Spring 2026 cohort of its Open Source Program, providing selected maintainers with platform credits, third-party service credits, and guidance. The cohort includes projects for ASCII video rendering, React UI components, MCP server development, animated icons, design systems, and abstract syntax tree exploration. ### Source excerpt The world runs on open source software. The frameworks, libraries, and tools we rely on are made possible by communities that share ideas and build in the open. At Vercel, we want to help those communities thrive. That's why we run the Vercel Open Source Program: a developer initiative that gives maintainers the resources and support they need to keep shipping and growing their projects. Four times a year, we welcome a new cohort of open source projects into the program. Maintainers receive $3,600 in Vercel platform credits, a starter pack with credits from third-party services, and guidance from Vercel and the community. Today, we welcome a new cohort into the program. Spring 2026 cohortASCII Studio A browser-based tool that converts video frames in real time into precise ASCII representations using an optimized rendering pipeline. Users can adjust density, contrast, and character sets to produce customized ASCII animations. Creator: Vansh Nagar View the project View GitHub repository Sync UI A free, open-source React UI library offering 125+ animated components, 13+ pre-built blocks, and 3 premium templates. Built with Material UI and Motion (motion/react), designed for design engineers building landing pages and Next.js projects. Creator: Abhi Varde View the project View GitHub repository xmcp A TypeScript framework for building and deploying MCP (Model Context Protocol) servers, featuring file-system routing, hot reloading, middleware support, and flexible deployment options including zero-config Vercel support. Creator: Valentina Bearzotti View the project View GitHub repository Componentry An open-source collection of animated, interactive React UI components styled with Tailwind CSS and Framer Motion, designed to be copied and pasted into apps rather than installed as a dependency. Creator: Harsh Jadhav View the project View GitHub repository AnimateIcons A library of 281 animated SVG icons for React, built on motion/react with hover and imperative triggers p ## OpenAPI, ORM, SVG and Lottie DevFeed: [OpenAPI, ORM, SVG and Lottie]() Original publisher: [Read original article]() Author: Shai Almog Published: 2026-06-01T00:00:00Z Content type: release Language: en Sources: [CodeName One]() Topics: [OpenAPI Specification](), [Code generation](), [SQLite](), [Object-relational mapping](), [JSON](), [XML](), [SVG](), [ASP.NET Core](), [FastAPI](), [Nest]() Tags: [build](), [fastapi](), [http](), [java](), [json](), [lottie](), [maven-plugin](), [net](), [openapi](), [orm](), [rest](), [spring](), [svg](), [xml]() ### AI overview A Codename One release follow-up describes a shared build-time code generation pipeline for OpenAPI client generation, a SQLite ORM, JSON and XML mappers, SVG and Lottie transcoders, and a declarative router. The pipeline emits typed Java from annotations or declarative source files without reflection. ### Source excerpt An OpenAPI client generator, a JPA-shaped SQLite ORM, JAXB-shaped JSON / XML mappers, build-time SVG / Lottie transcoders, and a declarative router with deep links. All on the same build-time codegen pipeline. ## Astro 6.3 DevFeed: [Astro 6.3]() Original publisher: [Read original article]() Author: Matthew Phillips Published: 2026-05-07T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Routing (disambiguation)](), [Hono](), [Image processing](), [configuration](), [SVG](), [Command-line interface](), [Frameworks](), [Bun](), [Deno](), [Workers]() Tags: [astro](), [cli](), [feature](), [framework](), [image-processing](), [images](), [routing](), [svg](), [tool]() ### AI overview Astro 6.3 adds experimental advanced routing with composable request handlers and Hono support, plus redirects for external image URLs and SVG image processing disabled by default. ### Source excerpt Astro 6.3 introduces experimental advanced routing with Hono support, image redirect handling, resilient island hydration, and more. ## You can use newline characters in URLs DevFeed: [You can use newline characters in URLs]() Original publisher: [Read original article]() Author: Daniel Lemire Published: 2026-02-28T19:21:39Z Content type: tutorial Language: en Sources: [Daniel Lemire]() Topics: [Web](), [browsers](), [HTML](), [SVG](), [Parsing](), [data]() Tags: [ascii](), [browsers](), [code](), [graphics](), [html](), [parsing](), [svg](), [web](), [xml]() ### AI overview This article explains that HTML URLs can contain newline and tab characters in practice because the URL parser reports a validation error but removes those characters and continues. It also describes how ASCII whitespace is handled in data URLs, including base64-encoded PNG and SVG images. ### Source excerpt We locate web content using special addresses called URLs. We are all familiar with addresses like https://google.com. Sometimes, URLs can get long and they can become difficult to read. Thus, we might be tempted to format them like so in HTML using newline and tab characters, like so: my blog post It will ... Continue reading You can use newline characters in URLs ## Dynamic Tints with CSS and Kotlin/JS DevFeed: [Dynamic Tints with CSS and Kotlin/JS]() Original publisher: [Read original article]() Author: Jesse Wilson Published: 2026-01-30T23:12:23Z Content type: tutorial Language: en Sources: [Public Object]() Topics: [CSS](), [ui](), [color](), [Kotlin](), [SVG]() Tags: [animate](), [color](), [css](), [kotlin](), [svg](), [ui]() ### AI overview A developer describes adding dynamic color tints to a game-scoring UI using CSS classes, transitions, and Kotlin/JS. The article also explains recoloring single-color SVG icons with CSS masks and dynamically inserted stylesheet rules. ### Source excerpt I've been trying to build a remarkable UI for Rounds.app. One feature that turned out quite well is tinting the game name & menu bar icons when the winner changes. In this recording you can see colors change when I toggle the win condition: The title color changes ## How to Create a Water Ripple Text Effect with SVG Filters DevFeed: [How to Create a Water Ripple Text Effect with SVG Filters]() Original publisher: [Read original article]() Author: Amit Merchant Published: 2026-01-12T00:00:00Z Content type: tutorial Language: en Sources: [Amit Merchant]() Topics: [SVG](), [SVG animations in CSS](), [CSS](), [HTML](), [Code]() Tags: [code](), [css](), [effect](), [filter](), [guide](), [how-to](), [html](), [svg]() ### AI overview This tutorial explains how to create a water ripple effect on text using SVG filters and CSS. It covers defining the target element, configuring filter primitives for noise and turbulence, adjusting their parameters, and applying the filter in CSS. ### Source excerpt So, lately, I have been exploring Haley Park's website and it's pretty cute and well designed. What caught my attention, though, was this water ripple effect on one of the text snippets. ## November in Servo: monthly releases, context menus, parallel CSS parsing, and more! DevFeed: [November in Servo: monthly releases, context menus, parallel CSS parsing, and more!]() Original publisher: [Read original article]() Author: The Servo Project Developers Published: 2025-12-15T00:00:00Z Content type: release Language: en Sources: [Servo Blog]() Topics: [servo](), [releases](), [Web platform](), [CSS](), [Android](), [API](), [SVG](), [WebView]() Tags: [android](), [api](), [css](), [releases](), [rust](), [servo](), [servo-engine](), [servo-rendering-engine](), [svg](), [web](), [web-browser](), [web-browser-engine](), [web-engine](), [web-platform](), [web-rendering-engine]() ### AI overview This November Servo release update covers Servo 0.0.3 and nightly builds. It reports context menus, Android vsync, new-tab light mode, expanded web platform and CSS support, enabled ResizeObserver, font variation improvements, SubtleCrypto algorithms, multiple rendering contexts for webviews, improved context-menu APIs, navigation methods, a simplified Servo API, and a fallback clipboard. A correction notes that ChaCha20-Poly1305 initially had only partial operation support. ### Source excerpt Correction (2026-01-19) An earlier version of this post said that Servo now has full support for ChaCha20-Poly1305, but this was incorrect. We had only landed the 'importKey' and 'exportKey' operations. The 'encrypt', 'decrypt', and 'generateKey' options landed in the following month. Landing in Servo 0.0.3 and our November nightly builds, we now have context menus for links, images, and other web content (@atbrakhi, @mrobinson, #40434, #40501), vsync on Android (@mrobinson, #40306), light mode for the new tab page (@arihant2math, #40272), plus several web platform features: