How to animate “box-shadow” with silky smooth performance

How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short answer: you don’t. Animating a change of box-shadow will hurt performance. There’s an easy way of mimicking the same effect, however, with minimal re-paints, that should let your animations run at …

Finding the Right Color Palettes for Data Visualizations

While there are an increasing number of good color palettes out there, not all of them are applicable to charts and data visualizations. Our approach to visualization color palettes is to make natural gradients that vary in both hue and brightness. By doing this, our palettes are accessible by people who are color blind, obvious …

Architecture of Radio

Every time we use our phones, tablets or laptops we are entering an invisible world of wireless digital signals. It is a world that we cannot see but that is literally all around us. The Architecture of Radio is a 360 degree data visualization of what this world might look like. It shows the cell …

Hybrid Apps with Ionic Framework

At the most recent #fronteersbe meetup I gave a talk entitled “Hybrid Apps with Ionic Framework”. You can check out the slides embedded below. Slides with presenter notes (yet without animated gifs) – which might be a better option if you didn’t attend the talk – are also available.