AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

How to deeplink your app from web for both iOS and Android devices


You've created an app, and you've done the work to make it accessible via deeplinking patterns on iOS or Android,now how do you deeplink from your website, and how do you redirect to the app-store if your app doesn't exist on the user's device? Here is the way I did it with a brief explanation:

iOS


function launchiOSApp(url) {
var appleAppStoreLink = 'https://itunes.apple.com/us/app/MY-APP/APPID';
var now = new Date().valueOf();
setTimeout(function () {
if (new Date().valueOf() - now > 500) return;
window.location = app ...
Read More ...
Tags:   deeplinking  android  ios  appstore  google play store  

Adding fixed position element breaks scrolling on Android 4.4 Nexus 4 Chrome Browser


Fixed position elements (elements with position:fixed css) have always been known to produce some quirks across different mobile browsers.  Fortunately, newer mobile browsers are slowly resolving some quirks. 

I had a strange quirk that prevented scrolling when you added an element with fixed positioning onto the page. In my case, I was adding a scroll-to-top button and fixing it to the bottom right using CSS.  The CSS went something like this:

.scroll-btn {
    position:fixed;
    bottom: 30px;
    right:15px;
    background-col ...
Read More ...
Tags:   scroll  android  fixed position  css  overflow