Joni Trythall demystifies using the SVG fill-rule property, and how it can further define our intentions for what is to be considered the inside of a shape.
CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend
A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.
@tomlarkworthy/svg-lens
The drawing syncs to the code and vice versa. Switch between using code and UI. Built on composable lens [Foster et al. 2007] and edit-lens [Hofmann et al. 2012] theory, but applied in the string domain so unknown semantics like SVG animations are preserved without parsing. Follows the path of Sketch-n-Sketch [Chugh et al. 2016] [Hempel et al. 2019] but applied to an existing image format: SVG. Generated with a novel prompting strategy of requesting an LLM to use property checking against mathematical laws as a architecture, leading to strong implementation consistency over an expansive domain.
SVG Path Visualizer
Enter an SVG path data (the string inside the `d` attribute) to visualize it and discover all its different commands.
Curved Text Along a Path | CSS-Tricks
We can flow text along a curved line with three tools built right into SVG: , and .
Best Svelte Websites | Web Design Inspiration
Beautiful Svelte Designs for Inspiration. Selection of Awwwards winning Svelte websites or websites with a strong use of Svelte.
Rubber Stamp Outline Icon PNG and SVG Vector Free Download
Rubber Stamp Outline Icon PNG and SVG free use any commercial projects no attribution required.
SVG Filters on Type
Ink gain, shadow woodtype, metal type under a lamp. Letterpress printers solved these effects mechanically. SVG filter primitives solve them in the browser.
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your digital projects.
SVGOMG - SVGO's Missing GUI for minifying SVGs
Easy & visual compression of SVG images.
