Easily create iOS Mockups (photo/ video) with Design Camera for macOS

Design Camera is an app for your Mac that lets you create, capture, and animate 3D mockups for your digital designs in a matter of seconds.

Using just a few clicks – using screenshots taken in the iPhone Simulator – I created this render/mockup:

Video and more input formats – such as Sketch – also supported … neat!

Design Camera for macOS →

How Apple can fix 3D Touch

Eliz Kılıç writes down something that’s been bothering me too:

Apple introduced 3D Touch and its new related interactions Peek and Pop in 2014. It’s been almost 4 years since its first introduction, yet people don’t know/use 3D Touch. Why would they? Even tech-savvy users don’t know which buttons offer 3D touch. Let alone regular users.

The addition of a simple visual indicator could fix this …

How Apple can fix 3D Touch →

AnimojiStudio – Make Animoji Videos with Unlimited Duration

Record Animoji videos with unlimited duration with this standalone app. This app uses the private AvatarKit framework, the same one that’s used by Apple’s iMessage app. It leverages ReplayKit’s screen recording capabilities to allow for longer recordings than the standard app.

As this app uses a private framework, it cannot be found in / published to the App Store. The source however is freely available, so you can compile it yourself 🙂

If you’re feeling adventurous there’s also a prebuilt IPA available which can be loaded onto your iPhone using Cydia Impactor. Not sure if that’ll void your warranty and/or will brick your phone or not …

AnimojiStudio – Make Animoji videos with unlimited duration →

Navigating on the next iPhone

Some folks have been poking around in the HomePod Firmware update. Doing so they’ve unearthed the existence of an upcoming face unlock feature using and infrared camera and face detection, the new iPhone’s bezel-less form factor, and its resolution of 1125 x 2436 (375 x 812 points rendered @3x).

Former Apple Software Engineer and now App Developer Allen Pike wonders how apps would render on this new iPhone, assuming the Home button being replaced with a virtual one (because it will disappear):

So, after ten years, the Home button is going virtual. Our beautiful new 812pt OLED display will have a function area carved out of the bottom, with Home in the middle. There are many things Apple could put on either side of the Home button – Android-like multitasking buttons I suppose – but iOS 11 gives us a giant clue.

Taking clues from the fact that the the navigation bar and the big bold titles in iOS11 are oddly positioned (see screenshot above) he suggests that the bottom 66pt of the new iPhone’s screen will be reserved for the virtual home button, and that the buttons of the navigation bar will move next to either side of it. This way the visual oddity is existent no more, and navigation is put within thumbs’ reach.

Developing for iPhone Pro →

Sidenote: If this were to be the case – which would make sense – I cannot help but wonder how Apple will tout this as their next great invention – which they tend to do – as Android phones have had their darn handy physical back button at said location for ages 😉

Lost your iPhone? Be extra alert for upcoming identity theft attempts.

show-iphone-location-scam-1

Joonas Kiminki got his iPhone stolen. Twelve days later, after immediately having marked it as lost in Find my iPhone, he got a text and email saying his iPhone was found with a link to see the phone’s location.

I of course rushed to the address on the link and then started typing my credentials, but then suddenly stopped. Something was just not right.

The mail and site look legit, but ain’t. When submitting the form your data is sent over to save.php, which the fraudsters then use to take a hold of your account:

show-iphone-location-scam

Be warned.

This is what Apple should tell you when you lose your iPhone →

Prevent overscroll/bounce in iOS MobileSafari and Chrome (CSS only)

UPDATE 2017.12: For non-Safari browsers you can use overscroll-behavior to solve exactly this. Simply apply overscroll-behavior-y: none; on html, body and be done with it.

Safari however still requires the workaround detailed below …

Know this bouncy overscrolling behaviour that browsers have been doing whenever you reach the “edge” of the page its contents?

elastic-scrolling
Bram.us, with bounce scroll

Sometimes – in fullscreen apps for example – you’ll want to disable this. Now, there’s no need to resort to JavaScript and hijack touchstart, as the little CSS snippet below can prevent the rubber band scrolling:

html,
body {
  position: fixed;
  overflow: hidden;
}

Tested with iOS8, iOS9, and iOS10.

However, as this snippet disables *all* scrolling on the body, if you want to retain scrolling on your page (but now without the overscroll effect) you’ll want to make use of a scrollable wrapper that spans the entire window/screen and which wraps around your entire content. Like so:

<html>
…
<body>
  <div class="mainwrapper">
    …
  </div>
</body>
</html>
body > .mainwrapper {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; /* enables “momentum” (smooth) scrolling */
}

You’ll most likely want to remove the margin and padding from the body too in that case 😉

Note that your mileage may vary. Other pure CSS solutions do exist (untested though)

Did this help you out? Like what you see?
Thank me with a coffee.

I don't do this for profit but a small one-time donation would surely put a smile on my face. Thanks!

☕️ Buy me a Coffee (€3)

To stay in the loop you can follow @bramus or follow @bramusblog on Twitter.

The Original iPhone CPU

The original iPhone used what was basically an off-the-shelf Samsung DVD player’s processor. It was such an underpowered piece of junk, it’s a miracle the iPhone ever worked. But thanks to some heroic effort in software, it was good enough. And it laid the groundwork for one of the most successful product families of all time.

Taken from Apple’s Bitcode Telegraphs Future CPU Plans which highlights the biggest, yet unnoticed, change announced at this year’s WWDC.