Pop Playground: playing with Facebook’s framework

Hi guys,

I have recorded a new screencast (in english… sorry if sometimes I struggle) talking about Pop (Facebook pop).

For the screencast I have prepared a project with 3 main tabs:

1) Basic explanation about pop with simple animations
2) 8 examples using different pop animations with many different animatable properties
3) 2 custon UIControls (unfinished). The only thing I have implemented are the animations.

These are the 2 controls you will find in the project:

dynamicsMenu

dynamicsMenu

Find the Github project here: PopPlayground

Finally, all the icons are from Captain Icon, you can grab them for free here

New custom control: Dots Selector

Hi guys,

Seems like I am enjoying posting lately. That is good! I feel good to be back :D

Today I have been fighting for at least 3 hours to get this new custom control to work. As I mentioned before, I am working on a new app (the interface won’t be as crazy as WakeUp’s). I would like to move it forward as quick as possible and I am “wasting” (enjoying?) some of my holidays to do it.

Check the result on the following video (still need to tweak some values).

 

 

Yes, you are right. I have spent 3 hours moving some balls around the screen… But playing with UIKit Dynamics it’s just lots of fun!
Continue reading

Tutorial: create a menu using UIKit Dynamics

Before releasing the new version of WakeUp app, I posted a video about a new menu I was working on using mainly UIKit Dynamics.

I did promise a tutorial about it, and here it comes! This is an example of what we will do.

dynamicsMenu

I have decided to modify slightly the way I write tutorials. I will write and explain the most important parts of the code, but I won’t go through every single line of code. I have uploaded a project in Github, where I have tried to comment the code as good as possible, use it as an extension of this tutorial.

Continue reading

WakeUp’s background class

After releasing my first iOS app I have received so many questions about the background’s animations.
I don’t remember how I thought about all of this, the only thing I can say is that the background class is the result of changes, changes and more changes. I wanted something nice, something eye-catching and colorful.

Let’s start from the beginning.

Continue reading

Creating a custom button (with animated content!)

As I am getting closer to the releasing date of my first app (let’s create some hype :P), I want to start going through some difficulties I have found. One of them was how to create a button with animated content. I wanted to provide my app with some kind of funny/playful effect. For a better understanding I have created this gif straight from the screen. Keep reading if you want to know how I have achieved this result!

zzButton

Continue reading