First-person Hyperlapse Videos

Microsoft Research Labs present a method for converting first-person videos, for example, captured with a helmet camera during activities such as rock climbing or bicycling, into hyperlapse videos: time-lapse videos with a smoothly moving camera.

For a more technical explanation of the system watch this video.

Check out project page for more details.

Pure CSS Parallax Websites

Parallax is almost always handled with JavaScript and, more often than not, it’s not very performant with the worst offenders listening for the scroll event, modifying the DOM directly in the handler and triggering needless reflows and paints. All this happens out of sync with the browsers rendering pipeline causing dropped frames and stuttered scrolling. Better parallax implementations monitor scrolling and defer DOM updates using requestAnimationFrame which can totally transform the experience – but what if you could remove the JavaScript dependency completely?

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

Have a look at the following example – note the debug option!

Instagram images pulled via HTTPS not displaying

Instagram images pulled via HTTPS not displaying.
The source of the problem is AKAMAI.
Their SSL Certificate is reported to be invalid. Thus Chrome/Firefox/Safari does not load images.

To temporarily fix this issue you can use this short code snippet:

var src = '//igcdn-photos-e-a.akamaihd.net/hphotos-ak-prn/'+oldsrc.split('/').pop();

UPD: issue fixed, no need to change the urls ;)

Octotree — Browser extensions to display GitHub code in tree format

octotree - chrome

Octotree — browser extensions (Chrome, Firefox and Safari) to display GitHub code in tree format. Useful for developers who frequently read source in GitHub and do not want to download or checkout too many repositories. Features:

OSX Screen Saver — ISS HD Earth Viewing Experiment

mks

I have created a simple screen saver for NASA Earth Viewing Experiment. This is a live stream from space station mixed with Soma FM Mission Control audio stream.

Download NASA OSX Screen Saver

About the mission:

The High Definition Earth Viewing (HDEV) experiment aboard the ISS was activated April 30, 2014. It is mounted on the External Payload Facility of the European Space Agency’s Columbus module. This experiment includes several commercial HD video cameras aimed at the earth which are enclosed in a pressurized and temperature controlled housing. Video from these cameras is transmitted back to earth and also streamed live on this channel. While the experiment is operational, views will typically sequence though the different cameras. Between camera switches, a gray and then black color slate will briefly appear. Since the ISS is in darkness during part of each orbit, the images will be dark at those times. During periods of loss of signal with the ground or when HDEV is not operating, a gray color slate or previously recorded video may be seen.

Analysis of this experiment will be conducted to assess the effects of the space environment on the equipment and video quality which may help decisions about cameras for future missions. High school students helped with the design of some of the HDEV components through the High Schools United with NASA to Create Hardware (HUNCH) program. Student teams will also help operate the experiment. To learn more about the HDEV experiment, visit here.

For a display of the real time ISS location plus the HDEV imagery, visit here.

Quick notes about hdev video:

Black Image = International Space Station (ISS) is on the night side of the Earth.
Gray Image = Switching between cameras, or communications with the ISS is not available.

Velocity.js — Accelerated JavaScript animation

Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.

Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, Velocity uses jQuery’s $.queue(), and thus interoperates seamlessly with jQuery’s $.animate(), $.fade(), and $.delay(). Since Velocity’s syntax is identical to $.animate()‘s, none of your code needs to change.

Download Velocity, add it to your page, and replace all instances of $.animate() with $.velocity(). You will immediately see a performance boost across all browsers and devices — especially on smartphones.

In just 7Kb, Velocity includes all of $.animate()‘s features while also packing in color animation, transforms, loops, easings, class animation, and scrolling. Velocity is the best of jQuery, jQuery UI, and CSS transitions combined.

Animation demo, starfield demo.

How to remove pre-roll ads on Youtube?

Adblock time to time can’t handle this simple task to hide pre rolls on YouTube, so, you can use this simple trick.
Just update your hosts file using these lines:

127.0.0.1 ads.youtube.com
127.0.0.1 s0.2mdn.net
127.0.0.1 s1.2mdn.net
127.0.0.1 googleads.g.doubleclick.net
127.0.0.1 pubads.g.doubleclick.net
127.0.0.1 ad.doubleclick.net
127.0.0.1 static.doubleclick.net

Done!

Next level of craziness — host file with 15K+ lines, check this out.

Javascript: Simple cookie managing

Just a code snippet to manage cookies in a simple way:

function cookie(name,value,expire) {
	var D = document,d,r,c,n,f;
	if (void 0 != value) {
		d = new Date;
		d.setDate(d.getDate()+expire);
		D.cookie = name + "=" + escape(value) + ((null==expire) ? "" : ";expires=" + d.toGMTString());
	} else {
		r = [], c = D.cookie.split(";");
		for (n = 0; n < c.length; n++) (f = c[n].match(RegExp("^\\s*"+name+"=\\s*(.*?)\\s*$"))) && r.push(f[1]);
		return r[0]?r[0]:!1;
	}
}

You can set, read or delete cookie:

cookie(name,val);
cookie(name);
cookie(name,'',-1);

GitHub gist available here.

KPHP: KittenPHP Released

kphp

This is VK/KittenPHP-DB-Engine project, consisting of efficient PHP-to-C++ translator called “KPHP” or “KittenPHP”, and several auxiliary high-performance “engines” (specialized non-relational databases), needed for its deployment.

It has been developed since 2009 mostly by Vkontakte Ltd, operator of social network VK.COM, and thoroughfully tested in high-performance enviroments, until a version useful for the general public was obtained. Fulfilling several previously given public promises, this version is now released for public use under GPL/LGPL terms.

Source code is licensed mostly under GPL version 2 or later.

Benchmarks (KPHP vs Facebook HipHop VM vs PHP):

kphp-testsTests sources available here.

Russian-language documentation is available at Github.
English documentation not available yet, sorry.

Apple Car: Control with a word, or a touch, or a twist.

Apple CarPlay

CarPlay features Siri voice control and is specially designed for driving scenarios. It also works with your car’s controls — knobs, buttons, or touchscreen. And the apps you want to use in the car have been reimagined, so you can use them while your eyes and hands stay where they belong.

The power and simplicity of Apple Maps come to your dashboard — complete with turn‑by‑turn directions, traffic conditions, and estimated travel time. CarPlay can also predict where you most likely want to go using addresses from your email, text messages, contacts, and calendars.

Volvo Shows CarPlay Integration for XC90 SUV

apple.com/ios/carplay