JT's Scribblings

a.k.a. a blog of some description.

GIF Workflow

Sunday April 5th 2015, at 6:05 pm

GIFs seem to be making something of a comeback on the web. And not just for silly clips of kittens or cute things — they can actually be quite useful.

Recently I wrote a post on the GoSquared blog about how we re-imagined our login process. More so than in anything we've done previously, the real essence of what we had done could only be described through motion. Simple screenshot images wouldn't suffice. So I decided to go all out and make a big pile of GIFs showing off what we had done.

This is the story of how to achieve that. There're various tools for recording GIFs directly from your screen, but they don't give you anywhere near the kind of flexibility, control, and quality as you'd really want (some of the colours you get out of them are, quite frankly, hilariously awful). By figuring out a workflow like the one set out below, it's perfectly possible to achieve pretty decent-quality GIFs, which aren't absolutely HUGE in size, and which are decent enough to put in a blog post or on Dribbble or whatever.

More →

It's quiet. Too quiet.

Thursday February 13th 2014, at 10:30 pm

Sorry everyone. All gone quiet here. I'll get back into writing mode soon, promise.

*tumbleweed rolls by*

More →

Shiny stuff with SVG, part 4: Primitives II

Sunday November 11th 2012, at 5:08 pm

Firstly, apologies to anyone who read the first four posts in this series expecting (as I did) that they would continue on a daily basis. This one is somewhat delayed as I've been kept busy with many other things. Also I had to figure out how to get equations onto my blog automatically without breaking everything.

Anyway, this post will cover a few more of the basic filter primitives, and then move onto how to combine everything from this and the last four posts to create some effects.

More →

Shiny stuff with SVG, part 4: Primitives I

Sunday October 28th 2012, at 8:58 pm

Now that I've covered the very basics of filters and how to combine primitives together, the next few posts will be going through all the available primitives describing what each does in turn. The order in which I do them may be a bit arbitrary, but it should roughly start out with the simpler ones you're likely to use most often before moving onto the more technical or obscure ones. This time it'll be feFlood, feOffset, feImage and feTile.

More →

Shiny stuff with SVG, part 3: Combining filter effects

Saturday October 27th 2012, at 8:10 pm

Here we go then, the third post in my SVG Shinies series. I apologise for the lack of examples in the previous post — this one will include a couple more. This time the focus will be on the feComposite, feBlend and feMerge filter primitives and how to wire different primitives together.

More →