How To Work With SVG Patterns

Patterns are useful design elements. They can provide contrast, create a sense of depth, and add interest to a composition. SVG makes it easy to create and use patterns that are limited only by your imagination.

Continue reading

What Does It Really Mean To Design In The Browser?

What does it mean to design in the browser? You often hear the phrase connected to responsive design and I’ve talked about it myself a few times. What does it really mean though, and why do you see so many people push back against the idea of designing in a browser?

Continue reading

How To Create SVG Arrowheads and Polymarkers — The marker Element

A common graphic element drawn with SVG are arrowheads. You could create a new one for each line, but that duplicates code. You could reuse a graphic you defined in <defs> or <symbol> elements, but then you have to move and rotate your arrowhead with each new line. Better would be to make things easy on yourself and use a <marker> element.

Continue reading

Schedule Your Work Over Longer Time Frames To Get More Done

How do you plan the work you’ll do? Do you make a schedule every day? Week? Month? Maybe you’re happy figuring out what to work on over the next hour and as long as you have something in front of you, you’re fine.

Continue reading

How To Define SVG Content for Reuse — The defs, symbol, And use Elements

An ability to define code in one location and reuse it in another helps you make your code more modular, maintainable, and readable. SVG provides that ability through elements that define the code and elements that reference it for reuse.

Continue reading

css.php