Easily add high-quality animation to any native app with Lottie

By the folks at AirBnB:

Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.

Lottie uses a JSON file – generated by the BodyMovin plugin for After Effects as its source, and then renders it with no additional engineering effort.

Here’s a React-based example:

import React from 'react';
import Animation from 'lottie-react-native';

export default class BasicExample extends React.Component {
  componentDidMount() {
    this.animation.play();
  }

  render() {
    return (
      <Animation
        ref={animation => { this.animation = animation; }}
        style={{
          width: 200,
          height: 200,
        }}
        source={require('../path/to/animation.json')}
      />
    );
  }
}

I like this take on creating cross-platform animations, yet it requires one to create his/her animations using After Effects.

Lottie →
AirBnB Design: Introducing Lottie →

Google PhotoScan

Don’t just take a picture of a picture. Create enhanced digital scans, with automatic edge detection, perspective correction, and smart rotation.

PhotoScan stitches multiple images together to remove glare and improve the quality of your scans.

PhotoScan by Google (iOS) →
PhotoScan by Google (Android) →

Transit Maps – A Technical Follow-Up

1-wsxfyedh2jkswitxh0xgiw2x

Follow-up to the aforementioned Transit Maps:

Six weeks ago, we launched Transit Maps, and wrote this blog post about why we took on the mammoth task of creating automatically-generated yet aesthetically-pleasing maps. […] Today, we’re fulfilling our promise to publish a technical follow-up from Anton, our resident mapping wizard, who explains in much greater detail what went into building these maps.

Great to see the steps involved being explained in detail, with visuals per step.

A Technical Follow-Up: How We Built the World’s Prettiest Auto-Generated Transit Maps →

Transit Maps: Apple vs. Google vs. Transit App

transit-maps

The folks who created Transit App, which sports very nice transit maps:

We wanted the prettiness of Apple’s slow solution, but the scalability of Google’s automatic process. In short, we wanted algorithms to draw beautiful transit maps.

It’s in the details, people!

Transit Maps: Apple vs. Google vs. Transit App →

Mobile Continuous Delivery with a DevOps Mindset

Talk my colleague Patrick Debois gave at Velocityconf 2015. It touches a few of the same things I talked about in From Idea to App (or “How we roll at Small Town Heroes”) in a deeper way, along with a truckload of more information on how we do things at Small Town Heroes.

This presentation guides you through the toolspace and allows you to think similar for both mobile development and operations with a devops mindset.

The slides are also available on SlideShare.

From Idea to App (or “How we roll at Small Town Heroes”)

Earlier this week I was invited to give a guestlecture to the students ICT at Odisee (my former employer, that’s correct), explaining the app development process, how we do certain things at Small Town Heroes, and how we implement QA throughout our process. You can check out the slides embedded below.

You might recognize a few slides from my previous talk “Hybrid Apps with Ionic Framework”

Architecture of Radio

Every time we use our phones, tablets or laptops we are entering an invisible world of wireless digital signals. It is a world that we cannot see but that is literally all around us.
The Architecture of Radio is a 360 degree data visualization of what this world might look like. It shows the cell towers, GPS satellites and Wi-Fi routers around you that allow us to live our digital lives.

Architecture of Radio (App Store) →