Posts Tagged ‘iPhone’

Responsive Design and Mobility Tools

September 26th, 2012

Recently while viewing the Pluralsight course Single Page Apps with HTML5, Web API, Knockout and jQuery I came across three handy tools for testing web sites in different mobile browsers.  Each tool works slightly differently but all serve the same general purpose, helping web developers (like me) quickly get an indication of how their responsive site will look on the most popular devices.

What is responsive design?

It means designing your website to adapt to the user’s viewing environment (mobile, tablet, laptop etc.). It does this through the use of media queries, and other clever technology.Ethan Marcotte wrote the original article about it, and a pretty handy book.

The tools

The Responsinator

A free web based tool made by Tama Pugsley and Andy Hovey.  You can use it from their site directly or via a bookmarklet they provide.  Provides simulations for the following devices:

Electric Plum

These guys offer various commercial Windows-friendly iOS simulation tools.  Their products are available for a 7 day free trial and are $39.99 for the full suite, which is very fair if you ask me. The Mobile Studio 2012 features Visual Studio 2012 integration, Multi Instance iPhone and iPad simulation, integrated debugging tools, HTML5 feature control and more.  Definitely work checking out the free trial if you want to focus on iOS testing of your mobile apps!

Responsive Design Bookmarklet

This is a simply yet handy tool for responsive design testing.  You drag the bookmarklet to your bookmarks bar and then you get a handy toolbar at the top of the target page providing you with the ability to choose between various mobile resolutions, toggle on/off a fake keyboard and more.  This is definitely the most basic of the three utilities but is definitely a good addition for quickly doing spot checking of a page at a certain resolution.

Summary

These three tools will definitely be in my toolbox for any mobile sites I work on in the future.  Given that 69% percent access the internet daily from a mobile device, you really should be considering these tools with public facing site you build these days!  What tools do you use to test your websites for different mobile devices?

 

Ipad & iPhone get old school games

April 8th, 2011

Atari has released a new emulator for the iPhone and iPad called Atari’s Greatest Hits [iTunes]. The free universal download comes with Pong and also offers a selection of 100 classic Atari arcade and 2600 console games for in-app purchase. The full list of games can be seen here but include Asteroids, Centipede, Crystal Castles, Gravitar, Star Raiders, Missile Command, Tempest, Battlezone, and much more. Each 4-pack is offered for $0.99 or all 100 games can be purchased for $14.99.

ProClip, the BEST iPhone mount you can find!

February 15th, 2011

My 2010 Toyota Prius is a great car!  It’s a geek’s dream with all the hi-tech bells and whistles it has.  For example, I use the Bluetooth integration in the car quite a bit for both talking on the phone and audio (music, podcasts, etc).  With the phone being the main source for audio entertainment, there are many times I need to access it while driving (change a song, fast forward through a podcast’s commercials, etc).  Unfortunately, half the time I needed it my phone it had slid off the passenger seat where I had it plugged in charging or was out of reach.

The only usable factory option was the cup holder in the center console but most of the time I have my coffee or water in there.  I researched various options and could never really find a good way for my iPhone to sit while I was driving, especially when I had a beverage in my cup holder.  Unfortunately the Prius’ design doesn’t really lend itself to the traditional vent or window iPhone mount.

Finally the other day I stumbled upon the ProClip website and realized there was still hope.  ProClip had a proprietary two part system that looked legit and that seemed perfect for how my Prius was laid out.  I ordered the item and it arrived in just a few days.  After a quick 15 minute install I must say that I’m glad I pulled the trigger on the ProClip.  Like I said, the system has two parts.  You first install the base mount and then you get your device specific holder (my links are to the specific parts I ordered for my 2010 Prius).

If you look around you’ll see there are numerous options for the device holder with various prices.  I opted to get a slightly more expensive one that had a pass-through for the phone charger, just so I didn’t have to hook that up each time I put the phone into the mount (yes, I’m that lazy).  If you want to spend less money there are options there for you when it comes to the device holder.  The mounts are more cut and dry (vent mount, console mount, etc).  That really depends on where you want it to be.

So far the holder has been great.  I was able to have my coffee in my cup holder, my phone angled where I could easy see and control it, and everything seemed solid.  I do have to get used to getting the phone in and out of the holder, but I think that’s something that will get easier over time, and the holder will get broken in allowing the phone to slide in and out without much effort.  The holder is padded and has a very good quality finish.  I can tell it will never scratch the phone or allow the phone to fall out.  And while I haven’t used it, it supports both vertical and horizontal modes.

If you’re looking for a decent mount for your iPhone, and you don’t mind a more permanent option, definitely consider the ProClip mount!

My Must Have Jailbroken iPhone Apps

February 9th, 2011

The iPhone 4 is an awesome smartphone.  It truly has started to replace my desktop and laptop computer for many day to day tasks.  While Apple did a good job at making this phone very user friendly and functional, you can really make this tiny little pocket computer even better without much effort.  Jailbreaking your iPhone will really unleash this device’s true power and will fix/help the few flaws and/or limitations that Apple, or your carrier, has placed on this device.

Since I recently updated my phone to the latest iOS version, 4.2.1, I figured I’d share with you the latest tool I used to jailbreak the phone and the few of my “must have” jailbroken apps.  I won’t go into much detail about how to install the jailbreak or each individual app, there are plenty of resources available on the topic.  I just wanted to share which apps I have come to love and depend on, which have made me love my iPhone even more.

First, Jailbreak it (Guide for Windows, Mac).

Second, the apps…

My3G

Facetime over 3G! Take back your 3G! My3G makes Apps believe that they are on WiFi instead of 3G. With My3G, you can now watch HiDef YouTube videos, use Skype/Fring/Other VOIP apps over the 3G network!

MyWi 4.0

Create an iPhone WiFi HotSpot or iPad WiFi HotSpot with a press of a finger! Wherever you are – you can connect your laptop or other mobile device to your iPhone/iPad easily to use your iPhone/iPad’s data connection.

Wi-Fi Sync

Wi-Fi Sync enables wireless syncing with iTunes at the touch of a button. Never go looking for that USB cable again. Sync from the car, bed or shed whenever it suits you.

LockInfo

Gives you access to your information where you need it, when you need it. You can view your new emails, upcoming calendar events, unread SMSs, missed calls and much more on your lockscreen.

biteSMS

Takes all of the basic features of the built-in Messaging app, and adds many more great features.

SBSettings

Offers a faster method to manage iPhone settings like rebooting, turning on/off Wi-Fi, 3G, Bluetooth, etc.