Stuff I wrote

A range of unique and possibly interesting web development ideas of varying quality. Basically "I think stuff and sometimes I write it down".

The invisible parts of CSS

If you use CSS in your daily work, your primary goal is probably focused around making things ‘look right’. How this is achieved is often far less important than the end result. This means we care less about how CSS works than the correct syntax and visual results.

Continue reading

Interpolation in CSS without animation

Interpolation is the estimation of a new value between two known values. This simple concept is vastly useful and it’s commonly seen in animation on the web. With animation you declare the target properties and the end-state, and the browser will workout out the values in-between. Animation happens over time, but this is not the only dimension where interpolation can occur. In fact we interpolate values regularly in design, albeit manually, and particularly in responsive design. You may even do it unknowingly. Because of this, I think there is a need for a more native way of interpolating CSS values outside animation.

Continue reading

VR Pong

I published a new project today named VR Pong. It’s a collaboration where Una Kravets and I learn about WebVR and hopefully make something cool.

Continue reading

On maths and coding

When I was at school I had a strong interest in learning to code, but I was terrible at maths. My teachers and parents told me I would need strong mathematical abilities to be a good developer and although they didn’t mean it to be, I found this discouraging. I really wasn’t good with numbers and I couldn’t see this changing.

Continue reading

SVG has more potential

I think many of us are not using SVG to its full potential. I often see SVG used as an alternative image format or as a simple solution for icons, and whilst it’s great for these things, it’s also a lot more than that. SVG can solve problems that HTML and CSS alone can’t. It has responsive properties that go beyond vector scaling, such as control over aspect ratio, embedded CSS and a unique co-ordinate system. I rarely see all the features of SVG used together to create unique responsive solutions.

Continue reading