How To Structure Your SVG Code — The <g>, <title>, And <desc> Elements

What’s the best way to organize your SVG code? If all you want to draw is a line or simple shape there’s not much to organize, but what about SVGs with multiple shapes and lines that combine to form a more complex whole?

Continue reading

Thoughts About Choosing And Working on Priorities

I wish I had more time to do all the things I need to do. There’s not enough time in the day to get everything done. I was too busy to get to it. Sound familiar?

Continue reading

How To Prevent Your SVG Graphics From Deforming With preserveAspectRatio

For the last few weeks we’ve been looking at SVG coordinate systems, the SVG canvas, the viewport through which we can see a part of the canvas, and the viewBox that lets us map a region of the canvas into the viewport.

Continue reading

Success Comes To Those Who Sustain A Consistent Effort

A large part of success is putting in the time each and every day. It comes from sitting down at your desk to work and keeping up with the daily grind. You can gain a lot from a consistent effort that you can’t get any other way.

Continue reading

Move And Scale SVG Graphics With The viewBox Attribute

The SVG canvas and the SVG viewport, through which you see the canvas operate on independent coordinate systems. The systems are aligned by default, but you can change the default to move and scale the canvas.

Continue reading

css.php