A few days ago I decided to buy Sketch 3. I am not a designer, but since I am about 16 years old I like to play around with Photoshop and Illustrator. I started because back then, making a realistic 3D render was very tricky (we didn’t have such a powerful computers), so it was good to tweak the renders afterwards with Photoshop.
Anyway, here I am having fun developing for iOS. And as well as most of you, I also have to mess around designing my interfaces. That is why I bought Sketch 3. I did try Sketch 2 and it was definitely the way to go (lucky me I didn’t buy it), so when Sketch 3 was released I just went for it.
However, this is not a post about Sketch 3, I don’t think I am the guy who should write about it. Designcode has a brilliant post about everything you need to know using Sketch 3.
The reason of this post is to talk about Skala preview and how well it works with Sketch (or any other). I know Sketch 3 comes with a mirror app, but to be honest… I have already spent quite a lot of money on the software itself, so if I can achieve the same thing for free… I will :)
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!
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.
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.
About 2 weeks ago I told you I did a quick course about after effects. What I had in my mind was to do some preloaders for a new iOS app.
I have just found a bunch of free flat very cool preloaders, grab them here:
The new version of WakeUp Challenge is out and you probably have herd about it if you follow me on twitter.
Find here an overview video of the app I did with the help my girlfriend.
However, as I tend to use my blog as more technical-related stuff, I would like to talk about a few aspects of the app in a more technical way.
As promised, I still need to publish some tutorials about a couple of things I learnt while developing WakeUp 2.0, but I would like to take this opportunity to talk about all the small details you will find in the app and how I made them or what I used. This is not a tutorial, just an overview… or a behind the scenes… I want to let you know what I have used for the different parts, it might be helpful for some of you.
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.
Here it is, my first website ever without using wordpress or any other blogging service. There you can have a look at 3 screenshots of the app and some description. Let me know what you think!
WakeUp Challenge app landing page
Thanks to @luishj and @polsola for helping me with the website, my knowledge of HTML and CSS is… nonexistent :P
I need your help. 2 days ago I decided to tweet an image about my next app: WakeUp Challenge. It is going to be an iPhone app and the image I tweeted was this one:
However, I have another option for the icon, and I would really much appreciate if you could help me by letting me know which one you prefer.
3D Printable Rubik’s cube
Yesterday I was looking around Grabcad’s website, which is a brilliant library for 3D models and it has an excellent engineers’ community. But what I love the most is the Challenges’ section.
When I started programming my app I decided not to use any third party game frameworks (like Cocos2D) but native cocoa tools. That means all the animations in my app are done rather using Core Animation or animating some UIView’s properties.
Everything was all right, the 4 mini-games inside the app started to look like proper games. So like every proper game, the user has to be able to pause it. And no, don’t look at the documentation, there is no [myLayer pauseAnimation] nor [myLayer resumeAnimation].