Jawbone UP24 now last 14 day on a full charge

I use my Jawbone UP24 bandevery day, and only take it off when I have to charge it. So far the UP24 band was able to last for 7 day on a single charge, and that was enough for me, until Jawbone UP24 firmware 3.0.21 got released.

Jawbone UP 24 firmware update

With the latest firmware update for UP24 band, your Jawbone UP24 will last 14 days on a single charge.

To update your UP24 band, you’ll have to download Jawbone Firmware Updater. Click here to download Firmware Updater.

Free App Screenshot Template for AppStore

There is a saying that says “Don’t Judge A Book By Its Cover” but that problem is, that most prospective customers will judge your app, by its first impression of the App Icon and Screenshots. This article will introduce you to a simple Photoshop template, that will let you create beautiful, simple and quick screenshots for your apps.

AppScreenshotTemplate

As App Developer I love to spend all my time writing code and trying to make my apps run smooth and fast on users devices. And sometimes we just can’t wait to ship our app and get it out to the AppStore or Google Play, that we forget one of the most important things about app marketing which is: “We all want to sell our apps or want as many user as possible to download it”.

The most common mistake we often make, is to not think about the first impression of our app. What we often do is just take 5 in-app screenshots of our main functions and upload them to the AppStore or Google Play, hoping that our users will find them interesting enough. But looking at one Screenshot that show our settings view isn’t that sexy as we think .

To find a simple solution to this issue I asked myself what the main issue is here. And ofc. I’m an App Developer and not an App Designer, and therefor don’t think about how my screenshots look. And if we find the time to do something about it, we often spend hours of trying to create new screenshots from the bottom, each and every time. So what we App Developers need is a simple template that will stop us from uploading boring in-app screenshots and actually create screenshots that will help us to sell more apps.

I got inspired by danish designer Michael Flarup who created App Icon Template, to create a App Screenshot Template with a basic and simple design, that will make your app look more professional.

The idea is to take 5 in-app screenshot, write 2 lines about each screenshot and to present them on a more simple, beautiful and professional way. I got a nice iPhone 5 psd with Flat Design Mockup created by Pixeden. The App Screenshot Template will automatically generate screenshots for the 3.5 and 4 inch retina screens and export your final screenshots into a folder, ready to be uploaded to AppStore or Google Play.

Download App Screenshot Template

Click here to download the App Screenshot Template ( PSD + Actions )

License: The purpose of this template is to help you create beautiful screenshots, so everything you create with the templates is completely royalty free.

 Some examples

Below you can see some examples of App Screenshots that I’ve created for 3 of my apps:

ScreenExamples

Conclusion

Creating Screenshots for your upcoming best selling app, doesn’t have to be a pain anymore, when you don’t have a designer on your project. If you find this App Screenshot Template helpful, then please do share this article with your friends, or follow me on Twitter: @Saucerdk . You can also leave a comment below with your thoughts.

Sunshine Weather App is Now Optimized for iPad

The Simple Weather Forecast app Sunshine just got optimized and available on iPad

Get Sunshine - Simple Weather Forecast

It’s been a long wait, but it’s finally here. Sunshine has been optimized for Landscape and Portrait orientation view. That way the app will alway look smooth and show you the most needed weather forecast. Along with the iPad optimization 10 extra dynamic colors have been added, to brighten up your screens

The iPad optimization is only available on the paid version of the app. If you are still using Sunshine Free, well now is the time to upgrade and get rid of those ugly ads.

I would love to hear your thoughts on this latest update of Sunshine – Simple Weather Forecast.

Recreating Google’s Ripple Effect for iOS

Google’s new Material Design UI comes with many new interaction effects. One of them is this sweet touch ripple effect. This tutorial will show you how to make your own recreating of this effect for Titanium.

When designing an app, it’s always a good thing to let your users know that your app have received users input. It could be as simple as changing the color on your button to indicate that button has been activated. Here I’ll show you how to make a simple commonJS module to handle the Google Material Design Ripple Effect for iOS.

Basic thoughts

To make this animation we’ll need a handler that can receive the clicked view, and add the animation on top of it, based on users click position. Now enough talk, lets see some code.

Filename: RippleEffect.js

So now that we have a handler, all we need to do is to create our views and attach the click event. In this example I’ve added one extra attribute to our view objects called rippleEffect. That way I can check if the click event should call the Ripple Effect animation. You can also attach the addEventListener to each view if that suits my needs.

Filename: app.js

Conclusion

As you can see the implementation of this effect is pretty simple and straightforward. Now its up to you to create some awesome apps with cool UI feedback.Any suggestion will be welcomed, so don’t hesitate by posting a comment below this article.

Demo

screen_demo

Facebook Paper menu button animation for Titanium

Your menu button icon doesn’t have to bee borking or just a static image. When Facebook released Paper app, it was full of sweet UI animations. Here is a quick tutorial on how you can make your own Facebook Paper menu button animation.

facebook_paper

To make this animation, we’ll create 3 views and use them as lines. When we receive a click event, we’ll have to hide the line in the middle and rotate top and bottom line.

Our CommonJS Module looks like this:
Filename: Ti.PaperMenu.js

Now that we have our commonJS module done, all we need to do is to call it through our main window.

Filename: app.js

Video demo

Here is a video showing the module in action.