Monky Business: Creating a Cistercian Numerals Generator
A developer creates a web tool and Node.js library to generate Cistercian numeral characters as SVG/PNG images, with code available on GitHub.
A developer creates a web tool and Node.js library to generate Cistercian numeral characters as SVG/PNG images, with code available on GitHub.
A developer details the challenges of building a server-side React renderer for printing complex crossword puzzles, including custom formatting and SVG rendering.
A humorous look at AI model benchmarking using the challenge of generating an SVG of a pelican riding a bicycle, and the risks of labs 'gaming' the test.
Explains how to use the SVG pathLength attribute to simplify CSS animations for drawing SVG paths, eliminating the need for JavaScript to calculate lengths.
A developer details their technical setup for displaying math and images across a blog, Atom feed, and email using Hugo and custom templates.
A comprehensive guide to understanding and using SVG path elements, covering commands, syntax, and animations.
A beginner-friendly introduction to SVG, covering basic shapes, inline usage, and how to animate them with CSS and JavaScript.
A developer's journey to create custom Open Graph images for their Astro blog using Puppeteer and SVG templates.
A technical guide on converting GeoJSON map data into static SVG files using D3.js to reduce JavaScript payload and enable simple interactivity.
A developer details the creative and technical process of redesigning a logo, from sketching to 3D modeling and printing.
A technical guide on adding a Bluesky social media icon to an Astro blog using the AstroPaper theme, including SVG code and configuration.
A tutorial on creating a custom curved bottom tab bar in React Native using handwritten SVG paths and parametric design principles.
A developer shares a curated list of essential tools and libraries for modern web development, including bundlers, performance testers, and VS Code extensions.
A tutorial on creating a free, customizable verification checkmark web component using JavaScript and SVG, inspired by Twitter's paid verification.
A tutorial on programmatically manipulating SVG graphics using C# and the Svg NuGet package, including loading, modifying, and rendering them.
Learn how to use vite-plugin-svgr to import SVG files as React components in your Vite projects, replacing create-react-app functionality.
A technical tutorial explaining two methods (SVG animateMotion and CSS offset-path) to animate an object along a moving SVG path, with JavaScript control.
Explores using SVG with CSS to build dynamic UI components like cut-out avatars, highlighting advantages over pure CSS for responsiveness and cross-browser compatibility.
Explains how to use any icon as pure CSS with UnoCSS, covering DataURI generation, scalability, and color customization.
A guide to converting TikZ diagrams to SVG with embedded fonts using knitr and R Markdown for both PDF and HTML outputs.