An Introduction To The Performance Of Websites

Among the first web development books I read was Speed Up Your Site by Andrew King. It’s close to 15 years old at this point and I suspect a bit out of date given all the changes in web development over that time, but it taught me early in my career about the importance of website performance.

Continue reading

Add Bevel And Emboss Effects With The feConvolveMatrix Filter Primitive

I’m sure you’ve used your graphic editor to add an emboss or a bevel to some graphic element. If so you’ll probably like working with feConvolveMatrix, which can be used to do both.

Continue reading

Add Warping Or Ripping Effects With The feDisplacementMap Filter Primitive

If you like to play around with warping effects in your favorite graphic editor, you might find you you enjoy experimenting with the feDisplacementMap filter.

Continue reading

The feMorphology And feTurbulence Filter Primitives

For the last few weeks I’ve been talking about two types of SVG filter primitives. First were those that help us add color effects, like feColorMatrix and feComponentTransfer followed by those that help us add lighting effects, like feDiffuseLighting and feSpecularLighting.

Continue reading

Create SVG Lighting Effects With The feSpecularLighting Filter Primitive

One type of light illuminates an object and another type highlights it. Today we’ll talk about the latter, specifically the filter primitive feSpecularLighting, which is used to create highlights on an SVG image or graphic.

Continue reading