idea

// function generates password
function GeneratePass(chars,length){
        var res = '';
        var r;
        var i;
        for (i = 1; i <= length; i++) {
                r = Math.floor(Math.random() * chars.length);
                res = res + chars.substring(r,r+1);
        }
        res = res.replace("&","&");
        res = res.replace(">",">");
        res = res.replace("<","<");
        return res;
}
                                        

Why iPhone?

no comments...

old version

• no full retina support
• no modern features (meta, css3, icons, ect.)
• no fast touch-response
• old design

desktop page

qr code

main page

about project page

how I made it?

layout

quo js

web app

meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
meta name="apple-mobile-web-app-title" content="PassGenius"
                                        

startup image

// iphone                                               
link rel="apple-touch-startup-image" href="startup-image.png"

// iphone 5
link rel="apple-touch-startup-image" href="startup-image-iphone5.png"
media="
(device-width: 320px)
(device-height: 568px)
(-webkit-device-pixel-ratio: 2)"
                                        

apple favicon

link rel="apple-touch-icon-precomposed" href="apple-icon.png"
                                        

browser check

if ((!env.isMobile) || (env.isMobile && env.os.name !== 'ios')){ ... }
                                        

i used

• html
• css3 (less, mixins)
• js (jQuery, QUO js)