Tobias Ahlin / Blog

@tobiasahlin

Google Web Font Inspiration with TypeSource

Read more

If you’ve been looking through Google’s directory of Web Fonts in search for fonts to use in your next project, you might have felt your inspiration quickly drain. It can be difficult to imagine how a font would look in use when you’re left with a long list of black text on white.

I built Typesource to make it easier to find and match Google Web Fonts. I’ve carefully crafted each example, exploring different styles, combinations, and color schemes in every composition. In addition to the feed of inspiration, the HTML/CSS is available for all examples, so you can copy and paste the code into your project and quickly get started with your web type compositions.

Read more

Three new SpinKit spinners

Read more

SpinKit just got three new additions: a folding cube spinner, a classic circle spinner, and a scaling grid spinner. Just like the other spinners, they are animated using only the transform and the opacity properties, making them perform well, and easy to customize: just change the background color to match your site.

Read more

Introducing SpinKit

Read more

While hacking away at Infinite Jekyll the other week, I needed to show a loading indicator while fetching new posts. It had to be open-sourced though, and available in retina resolution. I couldn’t find any decent spinners, so instead of sitting down in Photoshop and creating two GIFs, I turned to CSS animations and created a simple, repeatable, loading animation.

Read more