More About SVG Clipping Paths

Last week I showed you the very basics of SVG clipping paths. I mentioned the difference between clipping and masking and then worked through a simple example to show you SVG clipping paths in action. I closed by showing how to do the same thing using the CSS clip-path property.

Continue reading

SVG Clipping Paths

Last year I published several series (25 posts in total) on the subject of SVG. First was a series on the basics of creating SVG shapes, lines, and curves and adding fill colors and strokes to them. I followed that series with another with more intermediate topics such as reusing SVG code and using patterns and gradients to fill SVG graphics. I closed the year with a series on SVG Text.

Continue reading

Syntagms and Paradigms — Telling A Story With Signs

A single sign can communicate meaning on its own. Think of a stop sign. No matter what context you’re in when you see something that looks like a stop sign, you reflexively stop. However, signs can communicate more and more effectively when you consider the relationship between multiple signs.

Continue reading

Denotation And Connotation — Literal And Implied Meaning

A sign is anything that represent something else. Signs create meaning, but what exactly do they mean? What do they communicate and will everyone who interprets the same sign take away the same meaning from it?

Continue reading

Icon, Index, and Symbol — Three Categories of Signs

Signs can take many forms. They can be words, numbers, sounds, photographs, paintings and road signs among and more. However, while signs can be many things, they can be categorized as one of a few types.

Continue reading