IPHONE. ANDROID. 10 Excellent Tools for Testing Your Site on Mobile Devices. By John Pring With the ever-increasing sales of smartphones and the burgeoning tablet market starting to skyrocket, coupled with far greater access to more robust mobile data networks, the internet is now being accessed by our users in a multitude of new ways. The huge range of mobile devices used to browse the web now means you really have to consider making your site mobile-compatible. But how do you go about it? Testing your site on mobile devices can be time-consuming and expensive due to the vast number of different mobile devices. Fear not, because there are some handy tools available at your disposal for making sure that your website renders appropriately on the Mobile Web. 1. iPhoney An excellent free iPhone tester, iPhoney isn’t exactly an emulator, but allows developers to create 320x480px websites for use on the iPhone. 2.
This checker is a web-based automated validation tool that checks to see how mobile-device-friendly your website is. 3. iPad Peek 4. 5. 6. 7. 8. 9. 10. 75 Awesome Android Apps — Datamation.com. The Android is one of the most powerful smartphones around, and it gains new functionality every day as more apps are added to the Android Marketplace. Unlike the rigidly controlled Apple App Store, the Android Marketplace is a bit freewheeling. It can be hard to tell the gold from the dross. To help you find the gems, here's a list of 75 of the best apps the Android Marketplace has to offer. 1) ASTRO File Manager This app might just be essential. It's a full-featured file manager that lets you view and manage the files on your Droid without having to plug it into your computer. You can even use it to backup your Android apps to your SD card. 2) Dropbox This client for the Dropbox cloud-sharing file storage service makes it easy to get files onto your phone without explicit synching. 3) DroidLight LED Flashlight Turn the camera flash on your phone into a flashlight!
4) Barcode Scanner Scan barcodes on books, CDs, and all sorts of other products and then look up prices and reviews. 7) NewsRob. A Roundup of 15 Mobile Web Design Tutorials. In recent years there has been a massive increase in mobile web use, with the development of the iPhone and similar devices driving a huge demand for Internet access on the go. The changes in the way that we use the Internet presents fresh challenges and possibilities for web designers as sites must be compatible with both desktop and mobile platforms. This post brings together 15 tutorials for getting started in mobile site design, essential skills in the current landscape of web development. In this tutorial, Chris Mills runs through the basics of designing websites that work across mobile and desktop browsers, along with some general hints and tips, perils and pitfalls of the mobile format and pointers to related resources. Coding for the Mobile Web Advertisement This tutorial from Nettuts+ explains step-by-step how to convert any site with an RSS feed into a mobile site hosted by MoFuse.
How to Create a Mobile Site with MoFuse A Simple Mobile Site with CodeIgniter. ChocolateChip-UI. Creare applicazioni per smartphone | Articoli Webapp | Webapp.HTML.it. Gist Blog » How to Develop Cross-Platform Mobile Apps – iPhone, Android, and Blackberry. This audio podcast is with our development team here at Gist.com and the Blackberry development team at sensobi.com discussing the challenges of developing for mobile platforms. The iPhone is still a must, but it’s now impossible to ignore Android. For some applications, the Blackberry is a must as well. Unfortunately, there’s no silver bullet to mobile cross-platform development. Both Gist and Sensobi have found that it is important to use native features to build the best app possible for each device rather than trying to target the lowest common denominator in the hope of having a transportable code-base.
This interview is a great listen for anyone trying to develop mobile apps across different platforms. You can check out more details of our guests here. Steve Newman , CTO Gist.com - www.gist.com/stevepnewman Steve Orth, Sr Mobile Developer, www.gist.com Ajay Kulkarni , Founder & CEO, www.sensobi.com Andy Cheung , Founder & CTO, www.sensobi.com. How to Create a Mobile Version of Your Website | How To. Web access is important these days, no matter where you are. Your customers’ ability to access your website at their convenience is vital. Making your website user-friendly on a computer is one thing; making it available on a mobile platform is another. The mobile Internet is the next battleground for developers and designers and should be seriously considered by advertisers.
Your regular website won’t cut it on mobile phones. Making your website accessible on a mobile network does require a little extra work. If you do this work now, proactively, you’ll have a leg up on this growing trend. In this article, we’ll look at basic techniques you can employ to make your mobile website work well. You may be interested in the following related articles as well. Please feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. Don’t forget to and follow us on Twitter — for recent updates. Traditional Websites Don’t Work on Mobiles How Do I Go Mobile? Ads. jQuery Mobile | jQuery Mobile. Mobile-friendly: The mobile web optimization guide - Opera Developer Community.
By Bruce Lawson Updated April 2012 to modernise references, eg "will be supported in IE9" and to change the default assumed width in Opera Mobile from 850 to 980 pixels. Contents Introduction If I had a Euro for everyone who asks me at conferences how they can mobilise their web site, I'd be extraordinarily rich as well as breathtakingly handsome. It's easy to see why people wish to make their sites mobile friendly; Gartner research suggests that by 2013, mobile phones will overtake PCs as the most common Web access device worldwide. Many customers are already using mobile devices as their main method of Web access, particularly in emerging markets — the July 2009 Statistical Report on Internet Development in China states that the proportion of [people] accessing the Internet by mobile increased enormously from 39.5% in late 2008 to 46% in June 2009, while the proportion of using desktops and laptops decreased.
The difficulties of cross-device design You must remember this… Redesigning a Site For Mobile: What's Involved? Home : Articles : Redesigning a Site For Mobile: What's Involved? Article by Simon Meek | Published on 17 June 2011 Categories: This article shows how you might redesign an existing site for mobile, using (what else?)
The Elated site for inspiration. We'll see how the process of paring down features can produce a clean and elegant mobile design. Recently, Matt Doyle here at Elated published an excellent piece called 10 Ways the Mobile Web is Different. Here's how the site currently looks on my phone: Elated.com on my iPhone. There are clearly things that we need to change to make it work on mobile. Approaching a mobile web design For me, the process of working through a mobile website design is one of simplification and reducing the feature set to the bare minimum. On the visual side, the design challenge when presenting a mobile site is to produce a usable design which finds "space" in such a small area.
Features: What goes, what stays? Articles & tutorials. Forums is a tricky one. @bamme. UI Guidelines for mobile and tablet web app design | Mobile Web Programming. Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app. More tips on mobile web design on the Programming the Mobile Web book. Do you know any other UI Guideline?
Tags: android, bada, design, ipad, iphone, nokia, sony ericsson, symbian, ui, windows.