Kilian Valkhof

Front-end developer, user experience designer & Jedi.

CSS3 loading spinners without images

CSS & (X)HTML, 3 March 2010, 33 comments

After playing around with chaining different transforms, I found out something interesting…

While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone.

Recent articles

SenCSs 0.7 is out SenCSs, 22/02, 0

After nearly a year of no official new version (but active development and use regardless) I’ve now officially released the new version of SenCSs: version 0.7. This latest version splits senCSs into multiple files and has a host of smaller improvements.

Grafico: Javascript charting library Design, Javascript, 8/02, 21

Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

Projects & Work

SenCSs

SenCSs supplies sensible styling for all repetetive parts of your CSS, allowing you to focus on actually developing your website's style.

Grafico

Grafico is a javascript SVG library with a wide array of graphs and a feature-full API.

coming soon

This is a project i'm still working very hard on. Stay tuned!

coming soon

This is a project i'm still working very hard on. Stay tuned!