Klipp og Lim – Blog

Home Weblog
Entries tagged "CSS"

Ultimate Full Screen Images Without Flash, iPhone and iPad Friendly

4. June, 2010 Ι 22 Comments Ι Tags: , , ,

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


TSO Website

25. August, 2009 Ι 0 Comments Ι Tags: , , , ,

We’ve recently been working closely with the Trondheim Symphonic Orchestra (TSO) developing a brand new website alongside with media such as animation and the individual portraits of the orchestra. The site is also added to our portfolio.

TSO Website

Including the animation, based on the illustration by Si Scott and scored by Sander.


Fullscreen Images Reloaded

18. May, 2009 Ι 42 Comments Ι Tags: , ,

fullscreen

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

9. April, 2009 Ι 35 Comments Ι Tags: , ,

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 »


Goto China Ripoff

10. October, 2008 Ι 3 Comments Ι Tags: , ,

In march, Eirik, who’s a part of Klipp og Lim, finished a website called Goto China – a photoblog from his class trip to China. The site, focusing on full screen images and utilizing RSS-feeds to display content, recieved much acclaim from several web award sites, including CSS Mania, Screenfluent, Best Web Gallery and Most Inspired to mention some. In it’s first month the site had over 20 500 hits, and over 250 pages linking to Goto China.

gotochina

However, as sometimes happens, people who are impressed with others work can’t keep their fingers off it. Being inspired by others work is one thing, outright stealing others code and design is something completely different. The first week after it’s release, the Google Analytics-account for Goto China started showing hits from sites who had stolen the source code so they still linked to the original content. Take a look at Lotim Group and you’ll see what I mean. It’s so similar it’s embarrasing, not only does it look almost identical but the code is literarily identical too. They’ve just replaced the images and the text.


Continue reading »


Flickr Delicious Youtube     Copyright © Klipp og Lim Media AS. All rights reserved.  Ι   +47 73 53 55 84  Ι   mail@klippoglim.no