Yes you heard it right, Wireless Debugging 👻 We were waiting for this moment and finally Apple announced wireless debugging feature on Xcode 9 at WWDC 17.

First lets look at how Apple introduce this feature on their website:

Cut the Cord
Choose any of your iOS or tvOS devices on the local network to install, run, and debug your apps — without a USB cord plugged into your Mac. Simply click the ‘Connect via Network’ checkbox the first time you use a new iOS device, and that device will be available over the network from that point forward. Wireless development also works in other apps, including Instruments, Accessibility Inspector, Quicktime Player, and Console.

Now here is how you can get rid of your USB cord in details 🙌

Make sure you have at least Xcode 9 or later and a device with iOS 11 or later

1- Open your project on Xcode

2- Plugged in your iPhone with USB cable (Just for the first time 🤣)

3- Open Window > Devices and Simulators
You should see your device as connected devices

4- Select Devices from the top, Select your device from left and Check the “Connect via network” box

5- Now if Xcode can connect to your device via network, you should see a network icon after your phone name

6- Unplug your USB cord

7- Go back to Xcode and Hit the Run button

👏 Congratulations you made your first wireless debugging 😎

How to use Wireless Debugging on Xcode 9 was originally published in swiftist on Medium, where people are continuing the conversation by highlighting and responding to this story.

We are in the WWDC ’17 week and Apple release new beta versions of iOS 11 and Xcode 9 yesterday. A lot of curious developer like me installed the iOS 11 right away 👻 And now we have a problem. When you try to run a project from Xcode 8 to our iOS 11 Beta installed device, we get this:

Don’t Panic 😅

Here is the step by step solution:

1- [Download](https://developer.apple.com/download/) & Install the beta Xcode that supports this iOS version (For now it is Xcode 9)

2- Find the installed Xcode-Beta.app file, and right click to icon and click Show Package Content

3- Go to Contents > Developer > Platforms > iPhoneOS.platform > DeviceSupport

You should see the beta platform in this folder. (For now it is 11.0)

4- In the same way as step 2, find the Xcode version that you want to use with beta device. (For now it is Xcode 8)

Right click to Xcode.app icon and click Show Package Content

Go to Contents > Developer > Platforms > iPhoneOS.platform > DeviceSupport

5- Drag & Drop 11.0 to Device Support folder.

Now restart your Xcode, and Congratulations 👏

You can press run and see your app running on beta device 👻

How to use iOS 11 Beta installed device with Xcode 8 was originally published in swiftist on Medium, where people are continuing the conversation by highlighting and responding to this story.

With iOS 8, Apple allowed developers to make their crazy custom Keyboard ideas real (Believe me there are lots of crazy keyboards on App Store). And actually I had my own keyboard idea and I started doing it. My keyboard app is called Caps Klavye

In January, I finished coding and started the submit process. The process was too hard for me and Apple rejected my App 10+ times. After that painful process, they approved the app. Since there aren’t so many blog post about custom keyboards on the internet, I want to write a blog post about my experience.

Read App Store Guidelines

Before making an Custom Keyboard, first you should read the App Store Guideline Extensions Section. Here is a screenshot of the section.

Actually that is all Apple wants you to do before submitting your Keyboard. I will explain some of them to make sure Apple won’t reject your keyboard.

25.2 — Apps hosting extensions must provide some functionality (help screens, additional settings) or they will be rejected

Even if you don’t want to add screens to the app, at least teach your users how to add your keyboard. Some users may need help to use your keyboard. Look at:

25.4 — Keyboard extensions must provide a method for progressing to the next keyboard

Just don’t forget to add the little world icon :) If your keyboard can’t progress the next keyboard, Apple will reject your app. Check out:

25.5 — Keyboard extensions must remain functional with no network access or they will be rejected

Apple wants us to make offline mode for every custom keyboard. Make sure your app is functional without connection. The best way to do that is storing some data in the keyboard extension and showing that data when user is offline.

25.6 — Keyboard extensions must provide Number and Decimal keyboard types as described in the App Extension Programming Guide or they will be rejected

Actually, this is an awkward request from Apple. Why every keyboard must provide number and decimal keyboard types ? In this step, you can just add numbers and decimals like this:

or even better for user experience, you can add abc keyboard like these:

In this post, I try to share some best practices for custom keyboards. If you have any experience or tips, please let me know and update this post. Write me on Twitter @ayalcinkaya_

More Reading:

* Developing Keyboards for iOS -http://norbertlindenberg.com/2014/12/developing-keyboards-for-ios/

• App Extension Programming Guide — Custom Keyboard https://developer.apple.com/library/ios/documentation/General/Conceptual/ExtensibilityPG/Keyboard.html

Hit the recommend button to share the love :)

Read the original post on my blog http://ahmet.ws/custom-keyboard-on-ios/

Read this Before Submitting a Custom Keyboard on iOS was originally published in swiftist on Medium, where people are continuing the conversation by highlighting and responding to this story.

in 5 Steps

“pop” is the power behind the animations on Facebook’s Paper app. Thanks to Facebook, they open sourced the “pop” library, so everyone can make awesome animations easily. Lets start making cool animations with this 5 simple steps.

Step 1: Install

To install pop with CocoaPods, just add this line to your Podfile:

pod 'pop', '~> 1.0'

Or if you want to add manually follow the instruction from pop github repo:

Alternatively, you can add the project to your workspace and adopt the provided configuration files or manually copy the files under the pop subdirectory into your project. If installing manually, ensure the C++ standard library is also linked by including -lc++ to your project linker flags.

Here you can find the Facebook Pop library: https://github.com/facebook/pop

If you don’t know how to use CocoaPods, check this quick tutorial:

How to use CocoaPods

Step 2: Add Pop to your project

Add the header to your project:

#import <POP/POP.h>

Step 3: Create an animation

You can create 4 different kind of animation with Pop : spring, decay, basic and custom.

Spring animations can be used to give objects a delightful bounce.

POPSpringAnimation *anim = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerBounds];

Decay animations can be used to gradually slow an object to a halt.

POPDecayAnimation *anim = [POPDecayAnimation animationWithPropertyNamed:kPOPLayerPositionX];

Basic animations can be used to interpolate values over a specified time period.

POPBasicAnimation *anim = [POPBasicAnimation animationWithPropertyNamed:kPOPViewAlpha];

CustomAnimation makes creating custom animations and transitions easier by handling CADisplayLink and associated time-step management.

I will not cover Custom Animation for this quick tutorial. Check the repo for some advanced stuff https://github.com/facebook/pop

Step 4: Add properties to animation

Pop lets us set properties to animations like:

velocity : anim.velocity = @(1000.);

fromValue: anim.fromValue = @(0.0);

toValue: anim.toValue = @(1.0);

bounciness: anim.springBounciness = 10;

Step 5 : Animate

To start an animation, just add the object you create in Step 3 to the view you want to animate.

[self.yourView.layer pop_addAnimation:anim forKey:@"typeANameForYourAnimationHere"];

Now that is all. It is very simple to create animations with Pop. Check the examples to totally understand how to make an animation. And use them in your project to be a pro.

# example animations

This animation scales button to half.

POPSpringAnimation *scaleAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerScaleXY]; 

scaleAnimation.toValue = [NSValue valueWithCGSize:CGSizeMake(0.5, 0.5)]; 

scaleAnimation.springBounciness = 10.f; 

[self.button.layer pop_addAnimation:scaleAnimation forKey:@"scaleAnim"];

This animation rotates a button.

POPSpringAnimation *rotationAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPLayerRotation];

rotationAnimation.beginTime = CACurrentMediaTime() + 0.2;

rotationAnimation.toValue = @(1.2); 

rotationAnimation.springBounciness = 10.f; 

rotationAnimation.springSpeed = 3; 

[button.layer pop_addAnimation:rotationAnimation forKey:@”rotationAnim”];

This one change the opacity:

POPBasicAnimation *opacityAnimation = [POPBasicAnimation animationWithPropertyNamed:kPOPLayerOpacity];

opacityAnimation.toValue = @(0.5);

[animView.layer pop_addAnimation:opacityAnimation forKey:@"opacityAnimation"];

# for more

Pop Github : https://github.com/facebook/pop

Popping -Pop examples : https://github.com/schneiderandre/popping

Using Pop Tutorial : https://github.com/maxmyers/FacebookPop

If you know some cool libraries, please add a note here.

I try to write this tutorial as simple as possible. If you have something to add, I will be happy to hear.

How to Make Animations with Facebook POP was originally published in swiftist on Medium, where people are continuing the conversation by highlighting and responding to this story.

In 5 Steps

Step 1: Install

First of all, we need an Xcode version with Watch Kit support. When I write this tutorial, latest version is Xcode 6.2 beta 5 with WatchKit. Developers can download this version from Member Center (here).

After you download Xcode, double click the Xcode_6.2_beta_5.dmg file to install.

Step 2: Create Project

Open the Xcode and click “Create a new Xcode project”.

Then select “Single View Application” to create an empty project.

Fill the Product Name, Organization Name and Organization Identifier as you like. Choose Swift or Objective-C for the language, and devices as you want. Click next, then select a directory for project and finish.

Now we have a project, and we want to develop some features to work on Apple Watch. We will add Apple Watch as a new target for the iOS Apps.

Step 3: Add Apple Watch Target

With WatchKit support of Xcode, there is a “Apple Watch” section in the Targets.

To add a new target, click File -> New -> Target.

Here you can see the Apple Watch section. Click it and chose the Watch App.

Fill the form as you want. Here you see Notification and Glance options. In this short tutorial I don’t explain what is Notification and Glance Scene. If you need them in your project, it is good to check this boxes. Xcode will add them for you. Don’t worry if you didn’t check them, you can add them manually whenever you want.

and click Finish.

Congratulations. You create your first watch app ☺

Step 4: Make some cool stuff

Now you have a project with Watch App. Your project structure should look like this.

You see 2 directory added to your project. WKExample WatchKit Extension and WKExample WatchKit App.

WKExample WatchKit App provides a storyboard where you can design your Watch App.

WKExample WatchKit Extension contains the classes you need to write Watch App. You can create new classes and write your code files here.

Have you seen the Interface.storyboard ? This is where you design your Watch App. It is almost the same as the iOS Storyboard files. You have an initial Interface created for you here.

Drag a Label and a Button from the Object Library(on the right side of the Xcode) to the Interface Controller.

Interface in Watch App is a little bit different from iOS Apps. In WatchKit there is no auto layout. Objects have Horizontal and Vertical Positions.

You can also see Size properties here. You need to set width and height properties of the object. You can give fix values with Fixed or make it the same size as its content with Size To Fit Content or make its value depends on the container with Relative to Container.

Click the label and play with the values here.

Step 5: Finish it and run

Now it is time to see what you have done here. Run the Watch App target of your project. (WKExample WatchKit App in here)

Here is the final version of this project.

If this is not cool enough for you, Download Bezel from here. Bezel copies the simulator screen to an Apple Watch screen. Looks like this:

Thank you for reading this article.

Please add a comment if I forgot something.

Recommend this to share your love and spread this tutorial. Follow me and Say Hi from Twitter @ayalcinkaya_

How to make your first Apple Watch App was originally published in swiftist on Medium, where people are continuing the conversation by highlighting and responding to this story.