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.
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.
Learn how to use vite-plugin-svgr to import SVG files as React components in your Vite projects, replacing create-react-app functionality.
A developer's journey implementing dynamic Open Graph images for a blog using the Eleventy Image plugin and SVG.
A guide on using SVGR to convert SVG icons into React components, covering both manual CLI and automated Webpack methods.
A technical guide on using Eleventy's pagination feature to automatically generate Twitter card images (SVG) for blog posts.
A developer's tool for converting SVG path commands between all-relative and all-absolute formats, with a focus on easier path manipulation.
A technical guide on creating dynamic, scroll-responsive Bézier curves and swoopy shapes using SVG and React.
A guide on implementing SVG patterns as backgrounds in React applications, including code examples and tool recommendations.
A step-by-step tutorial for creating a basic area chart using the D3.js JavaScript library, focusing on simplicity and core concepts.
Creating a 3D animated RGB cube using CSS transforms and dynamically generated SVG backgrounds through SASS functions.
A tutorial on animating SVG path transitions using SMIL, comparing it to JavaScript libraries like RaphaëlJS for a Batman emblem project.
A guide to vertically centering text using SVG, detailing the method, its advantages, and browser compatibility considerations.
Preview the upcoming CSS corner-shape property with an interactive SVG tool, exploring beveled, scooped, and notched corners before browser support.
Critique of non-standard CSS text masking and advocacy for using SVG as a standards-compliant alternative for text effects.
Performance comparison showing CSS gradients outperform SVG backgrounds in dynamic effects due to browser rendering overhead.
A tutorial on using Clojure to programmatically color SVG maps of Europe, demonstrating XML parsing and manipulation.
Creating CSS reflections in Firefox using -moz-element() and SVG masks, as an alternative to -webkit-box-reflect.
