Bezier curve animation using D3.js

January 16, 2015

I was recently faced with the challenge of animating a Bezier curve using the data manipulation and visualization library D3.js, which I eventually accomplished for Shopify's live map of orders. We start off with a fairly rudimentary code to generate a spline:

Continue reading »

Making text more readable on images using a text-outline workaround

January 13, 2015

text-outline or text-stroke is a convenient CSS property that, as of January 2015, has very limited support on major browsers. This is a bit of a shame since it is highly useful in certain circumstances, such as overlaying text on top of a background image and still ensuring that it is easily readable.

Without text outline
With text outline

Photo by JustSomePics, CC-BY-SA.

Continue reading »