nowfound

Dev tools · August 4, 2016

Practical SVG

Harness power & possibilities of performance-efficient SVG.

Practical SVG launched on August 4, 2016 with 65 votes, #1,020 of 3,856 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 10 years on.

Visit abookapart.com ↗Practical SVG alternatives

What it does

From software basics to creating icon systems and implementing fallbacks, Chris Coyier shows you how to harness the power and possibilities of working with SVG.

Harness the power and possibilities of crisp, performance-efficient SVG with Chris Coyier. From software basics to build tools to optimization, you’ll learn techniques for a solid workflow. Go deeper: create icon systems, explore sizing and animation, and understand when and how to implement fallbacks. Get your images up to speed and look sharp! Chris Coyier can teach you how to use one of the most powerful technologies for images on the web: SVG. This small book covers a ton of ground—accessibility, animation, icon systems, optimization, and more—making it a vital part of any web developer’s ongoing education. A quick, useful, and fun read. Chris’s breezy…from abookapart.com

Does a similar job

all alternatives →
  • Snap.svg2014 · snapsvg.io · ▲100

    JavaScript SVG library for the modern web

  • SVG Workflows in Sketch2017 · sketchmaster.com · ▲16

    A new online course from Sketch Master

  • Glyphter2014 · glyphter.com · ▲66

    The SVG Font Machine

  • Pocket Guide to Writing SVG2015 · svgpocketguide.com · ▲63

    Get started writing Scalable Vector Graphics

  • Paths2014 · github.com · ▲63

    Generate SVG paths for geometric shapes.

  • Patterns2016 · codepen.io · ▲5

    SVG pattern creator

More dev tools this month

the category →
  • Run full iOS 16.5 firmware on Android Devices▲536

    Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 5d ago · github.com

  • /dev/null▲503

    a social network for devs

    Dev tools · 8d ago · dev-null.sh

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 28d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 26d ago · talanoa.email

  • AUDR by Chargebee▲323

    Open standard for tracking agent run costs

    Dev tools · 30d ago · openaudr.dev

  • myPip▲272

    Vibe code, publish, and monetize games with AI

    Dev tools · 12d ago · mypip.dev

Source: Product Hunt launch ↗

Launched alongside, August 2016

the whole month →