Agricultural products reach Keralagro stores with FSSAI certification and currently over 3,000 value-added products are being manufactured through 10,76 Krishibhavans in the State

Since striking out on my own, much of my time’s been dedicated to, well, the book. But I’ve also been fortunate enough to collaborate a bit with Filament Group on one of their projects: namely, a large-scale engagement that requires a responsive approach.

Needless to say, I am having the time of my life.

We’re also learning a lot, too. A lot of discussions about approach and execution have come up, largely because processes for a lot of this stuff don’t exist yet. That will, with a bit of hard work and community discussion, change over time. Still, there has been a lot of brilliant stuff created so far.

Here’s just one example:

The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.

Check out the script, download it, and kick the tires a bit—feedback and tweaks are most welcome.

I realize that there are always going to be philosophical differences around responsive web design. But for me, the solutions-driven discussions are always going to be infinitely more interesting to me than the alternative.

A confession: I love working in Keynote. Love it.

(I’m speaking, of course, of Keynote ’09. Not the feature-stripped version that was released last month. Still, I’m hopeful it’ll improve over time, since it is so very pretty.)

It’s not perfect, mind you—after four or five years of use, the program’s got some not-insignificant stability issues, crashing way more often than I’d like. But after all that time it’s still one of my favorite visual editors: it’s great for quickly prototyping UI components, sketching out ideas for animation timing, and, yes, making slides.

Anyway: over the years, folks have said some very kind things about the visual design of my presentations. I don’t have any special knowledge about Keynote, mind, but thought I’d share a couple things I use in my presentations, in case anyone else finds them helpful.

First up: Magic Move.

Basically, Magic Move is a transition you can apply between two slides. If the second slide shares any objects—images, text boxes, or what-have-you—with the first slide, those objects will be, well, magically moved from one position to the next.

Here’s a very, very simple example:

As you can see, there’s just one object on both slides: a picture of my good friend Dwayne. The image is the same on both slides—you can duplicate the slide, or copy/paste the object to the second slide—but since its position changed, Magic Move kinda tweens the photo to its new position.

Now, I don’t use Magic Move a lot, usually preferring to just lean on simple dissolves between slides. But it’s great for managing more complex animations, like this one:

This animation requires a bit more setup, but the principle is basically the same:

1. In the first slide, the “screenshots” you see are basically a lot of tiny little screencaps, each containing just one element of the interface. (So there’s an image for the toolbar in Editorially’s editor, another for the discussion panel, another for the account menu avatar, and so on.)
   1. When I’m arranging complex flyouts like this, I’ll usually have a reference screenshot on the canvas as a base layer, and place the smaller screencaps atop it. Just to make sure everything’s aligned, that is.
2. Then, in the second slide, I move all those small images where I’d like them to end up.
3. Turn on Magic Move, and you’re left with a neat little flyout cross-section of an interface.

As with most things Keynote-related, Magic Move is pretty reliable…but the more you use it, you’ll probably run up against a couple idiosyncrasies. You can’t magicmove (oh god i’m so sorry) an object if it has any builds or actions on it; animated objects (YES MOM, I’M TALKING ABOUT GIFs) will just blink to their new position; and some objects might move completely counter to what you’d expect.

And as with anything animation-driven, it’s very, very easy to overuse and abuse: try to consider marrying the animation with what you’re actually saying, and ensure the visuals don’t outwhelm your words as you’re presenting. That said, Magic Move is a fantastic tool to keep near at hand—when used just right I think it can be, well, kinda magical.

The Eagles former tight end was quickly picked up off waivers this week, now heading to play for the Dolphins.

Dolphins QB has no regrets about risking another concussion.

Photos on this page courtesy of the Falklands Maritime Heritage  Few who hear the story of the Endurance could avoid reflecting on the aptness of the ship’s name. A year after setting out on the Imperial Trans-Antarctic Expedition in 1914, it got stuck in a mass of drifting ice off Antarctica. There it remained for ten months, […]

Aimed at enhancing emergency response across Kerala

Magistrate court’s order to file FIR against police officers, including IPS officer and former Malappuram Superintendent of Police Sujith Das, in connection with an alleged sexual assault case quashed

No casualties have been reported so far for the earthquake that had its epicentre around the Hindukush mountain range

The Indonesian and Australian militaries are holding joint combat drills off Indonesia’s main island of Java with about 2,000 troops training in air, maritime, amphibious and land operations

105 people had died in after several coaches of the Island Express fell into the Ashtamudi Lake in 1988

Wall Street is already making big bets on what take two for a White House led by Donald Trump will mean for the economy and markets