Teardowns

,

Building Instagram Stories - Part 3 - And a Juggling Accident!

,

In this third part, we continue building Instagram Stories-like functionality from the ground up. Today, we are building a custom sticker picker as a modal view controller with a transparent, blurred background and a grid of emojis.

We will be using XCode 9, Swift 4 and iOS 11 for this tutorial. You will need to have XCode installed, so open App Store on your mac or hackintosh and start the download!

The code for this and all episodes can be found here on GitHub.

Start with the code for "Instagram Stories - Part 2 - Rotation and Resizing" if you want to follow along. Otherwise download the "After" code from "Part 3"

,

Building Instagram Stories - Part 2 - And Contact Juggling

,

In this second of many episodes we are building sticker functionality, like the kind found in Instagram Stories and Snapchat. But first, some contact juggling!

We will be using XCode 9, Swift 4 and iOS 11 for this tutorial. You will need to have XCode installed, so open App Store on your mac or hackintosh and start the download!

In this episode we will take a close look at UIPinchGestureRecognizer and UIRotationGestureRecognizer. You will learn how to make those 2 and UIPanGestureRecognizer all work together seamlessly while recreating instagram stories (and Snapchat) sticker-like functionality.

The code for this and all episodes can be found here on GitHub.

Start with the code for "Instagram Stories - Part 1 - Stickers" if you want to follow along. Otherwise download the "After" code from "Part 2"

,

Building Instagram Stories - Part 1 - And a Rubik's Cube Trick!

,

In this first part, we begin building Instagram Stories-like functionality from the ground up. We will start with a pan gesture recognizer to drag stickers around inside a story. But first, learn an easy and cool Rubik's Cube trick!

We will be using XCode 9, Swift 4 and iOS 11 for this tutorial. You will need to have XCode installed, so open App Store on your mac or hackintosh and start the download!

The code for this and all episodes can be found here on GitHub.

App Teardown 1.2 | Building SoundCloud's Waveform Scrubber From Scratch

Follow us on Twitter: @brightmediums

This is a continuation of App Teardown 1, which you can find here: https://youtu.be/8mB3QyX0h4Q

In this second part, we go super-speed and code the entire waveform and all accompanying views. We aren't going to explain it as we work, because honestly it would take too long. Instead, please just sit back, relax and enjoy the show.

The code for this can be found here:

https://github.com/brightmediums/HowToMakeApps/tree/master/AudioCloud
 

 

App Teardown 1 | How SoundCloud's Waveform Scrubber Works

Follow us on Twitter: @brightmediums

In this inaugural episode of App Teardowns, we will take a look at how SoundCloud makes their waveforms. We'll discuss different methods for displaying waveforms and why SoundCloud implemented their chosen method. Next week we will get to work actually building it.

Watch Part 2 of this video here: https://youtu.be/WSMKWYWEujs