Klipp og Lim – Blog

Ultimate Full Screen Images Without Flash, iPhone and iPad Friendly

Boom! There’s a new version in (gotochina)town, again.

• Fully compatible with all browsers, including webkit on iPhone and iPad (without scroll-bugs)
• Does not need to fully load images before calculating scaling (shorter loading time)
• Letterboxes vertically oriented images
• Standalone — no library needed and no conflicts needed
• VERY light weight (under 3KB for uncompressed css and javascript)
• Easy to integrate into different gallery types (what additional examples would you like? Post your comment)
• Seamless fallback to pure css solution in latest version of all major browsers

So here you go, see the comments in the source code for intructions:


Download source View demo View transition demo

Fullscreen Images Reloaded

Since our last post about fullscreen scaling background without flash, we have received lots of feedback and suggestions for improvement. There has also been some further developement with implementing the gallery functionality we use at the GOTOCHINA-site. Now there’s a new version in town.

Continue reading »

Fullscreen Image Scaling without Flash

After our web designer Eirik launched the GOTOCHINA-website, there have been a lot of writings around on the web on how to do the full-screen image-effect. There have also been developers sending mails and wondering about how this technique both can center the image and scale proportionally. So therefore, in this post we’re going to give you a explanation of how it all works.

Continue reading »

Useful Scripts for After Effects

The scripts-folder in After Effects is often something which is overlooked, by myself included. I’m almost embarrassed to say I just recently realized there’s a Scale Composition-function under scripts-menu which is incredibly handy. Apart from the default scripts, there’s also a very nice script package available for free from Adobe Exchange which I’m sure will improve anyone’s workflow.

First off, there’s the Active Shutter-script: quite simply, this script lets you adjust the motion blur settings of your composition without having to go into comp-settings every time. Instead you get a panel that gives you sliders for shutter angle, shutter phase and a small scrubber. Very handy!

Then there’s the Folder Setup-script: this is great for making a template folder structure to keep your project organized. I usually always like to start off a project with organizing folders, such as ‘assets’, ‘comps’, ‘audio’ etc, and this nifty script let’s you setup a project with just one click.

Continue reading »

After Effects Easing

Now and again I’m asked if I could share a few After Effects tips and tricks, so here goes.

As most animators know, good easing can really make an animation go from decent to great. If an object is supposed to appear somewhat realistic; it has to emulate physics to a certain extent. Pretty basic animation knowledge, and a linear easing curve will rarely achieve that effect. After Effect’s in-built graph editor has gotten slightly better with time but I still find it difficult to make it act like I want it to, and it always seems to take a lot of time getting it right, especially if you’re trying to produce some quick drafts.

Continue reading »