A few years ago one of the more requested features in css was the ability to create variables. With so many repeated values across a stylesheet, the abstraction makes a lot of sense. Then along came preprocessors like Sass and Less and we had variables. The talk for wanting them directly in css quieted down.
Category: CSS
REMs And Viewport Measurements — Why You Shouldn’t Use Them Yet
Designing for the web means designing flexibly. It means dropping absolute measurements and adopting relative ones like em and %. There will be exceptions, but for most things you should be using relative measurements.
An Introduction to CSS Custom Filters — Shader Basics
The last couple of weeks I’ve been walking through the css filter effect spec as best as I could. First was a look at named filter functions, which was followed by a look at filter primitives. There’s one last css filtering topic to cover and that’s custom filters or css shaders.
CSS Filter Primitives — SVG Filters on HTML Elements
Last week I walked through the css named filter functions which are relatively easy to understand and use. However, they’re only one way to add css filter effects and the least powerful way at that. Today I want to look at filter primitives, one of the other and more powerful ways to add filters to images and elements.
CSS Named Filter Effects — Non-Destructive Effects for Images and Elements
Like clipping and masking, filters have long been the domain of graphic editors. For example if you wanted to change the saturation of an image, you’d open an editor, make the changes, save the image, and be on your way. Before too long we’ll skip the graphic editor and filter our images through css alone.