The online whiteboard of Kristofer Palmvik
You use it when, uhm, you want a button on your page that users can click, right? Well, unfortunately it’s a bit more complicated than that. It’s not too bad though, let’s figure it out.
You can make them with a single div.
One big advantage SVG has over icon fonts is full color. But icon fonts don’t have to be limited to just a single color. By overlapping two or more elements we can create unique "multi-color" icons with a contemporary flat look.
If you can go IE 9+ / Android 3+, inline SVG is better at pretty much everything than icon fonts.
You have a single line of text in a flex child element. You don’t want that text to wrap, you want it truncated with ellipsis
The max-width property overrides the width property, but min-width will always override max-width
We can use these features to inform our layout, or the type of interaction/functionality we want to offer; but don’t discount the possibility that those assumptions may be incorrect.
it’s interesting to see what this "next generation" of SSGs seem to focus on or try to solve.