Showing posts with label Mobile. Show all posts
Showing posts with label Mobile. Show all posts
Trends & Reference Tables that every Web Developer should track

Trends & Reference Tables that every Web Developer should track

A web developer's education is never finished. Here is a list of trends & reference tables that, in my opinion, every web developer should track -


work in progress...
Read More
Mobile Web Trends - 2011

Mobile Web Trends - 2011


Interesting points from BuiltWith.com's Mobile Web Technology Report 2011 -

  • The growth of the mobile web is staggering, with approximately 726 million people having access to a 3G mobile subscription

  • The viewport meta tag was originally designed by Apple to resize the layout viewport of a website, a requirement for the mobile device to understand how the website designer has defined how the content should be displayed to the end user. Android, Windows Phone, BlackBerry and iPhone all support the viewport meta tag

  • Close to 3% of the top 10,000 sites use the viewport meta tag 

  • Of the top 100 sites most visited on the internet, 71 of them have content specifically designed for mobile devices. The remaining 29 either do not support mobile devices or, depending on the device, prompt the user about a device specific application.

  • jQTouch is currently the most used mobile JavaScript library (38%) in the top million sites, shortly followed by JQuery Mobile (32%), both of which are extensions of JQuery, the most popular JavaScript library used on the web.


Read More

HOW TO export Contacts from a LG CDMA Mobile to newer phones

I recently needed to copy Contacts from a LG-Reliance CDMA Mobile handset to a GSM smartphone. After a bit of monkeying around with the available options, I found that you can copy Contacts to the CDMA SIM.




I inserted the CDMA SIM into the GSM smartphone and could successfully copy the Contact details to the smartphone.

Read More

A new JavaScript Reference to bookmark

For years, the JavaScript section at W3Schools.com has been a indispensable source of reference for me. It will now not be my only source. After going through Stephen Walther's JavaScript Reference built with HTML5 & jQuery, I'm impressed with all the useful & up-to-date information that it contains.

Unlike W3Schools which shows what browsers support (or don't support) a particular method or property, without explicitly specifying the version...


...this new Reference shows which browsers support each of the Objects, Functions, Properties, Statements, Operators, Comments, Directives. Only the latest versions of popular browsers are taken into account & surprisingly Opera is excluded.


The complete source (15.2MB) of this HTML5 JavaScript Reference application is available for download & review.

Update(14/Jan/11): If you work with JavaScript, also get this bookmarklet - Steve Souders has created a meta-bookmarklet that includes DOM Monster & a few other performance analysis tools available as bookmarklets. His meta-bookmarklet works with mobile & desktop browsers.
Read More
5 reasons why Windows Phone 7 is hot

5 reasons why Windows Phone 7 is hot

According to Scoble, here are the reasons why WP7 will be successful -
1. It’s a sexy new OS that gives app developers more capabilities.
2. Developing for it is easy and consistent across the devices that it runs on
3. There are a ton of bored developers who are familiar with .NET
4. Almost every developer I’ve met lately has been approached by Microsoft’s evangelists
5. The hooks with Microsoft Xbox have developers intrigued
Read More

Think Mobile First

Summary of the advice from the "Rethinking the Mobile Web" presentation on developing for the mobile web -

1. mobile first
2. use well structured, meaningful markup
3. the absence of support for @media queries is in fact the first @media query...
4. progressively enhance using JavaScript and @media queries
5. adapt content (especially images) appropriately for each device
6. compress content where possible, and don’t include unnecessary data

This very creative presentation has floored even the inimitable PPK so much that he wants you to learn it by heart.

A slide from Bryan Rieger's presentation

Read More
Comparison of Mobile Browsers

Comparison of Mobile Browsers

Peter-Paul Koch, better known as  PPK, has helped web developers worldwide with his browser compatibility tables on QuirksMode.org. He has since been researching on mobile browsers. If you are interested in mobile web development, his articles can be of great utility.

He has rated the following 21 browsers -
  • Safari
  • Android WebKit
  • Dolfin
  • Opera Mobile
  • Palm WebKit
  • Iris
  • BlackBerry WebKit
  • MicroB
  • Symbian WebKit
  • Firefox
  • Ozone
  • BlackBerry old
  • IE Mobile
  • NetFront
  • Blazer
  • Obigo
  • Brew browser
  • Opera Mini
  • Bolt
  • Skyfire
  • UCWeb
He now plans to focus on the following ten smartphone OSs - Android, bada, BlackBerry, iOS, LiMo, MeeGo, Phone 7, Symbian, webOS, Windows Mobile, and is now seeking feedback & validation on data related to them.

Also see:
Free Windows Phone 7 Learning Resources
Read More
HOW TO make your website mobile-friendly

HOW TO make your website mobile-friendly

Gartner research predicts that by 2013, mobile phones will overtake PCs as the most common Web access device worldwide. Bruce Lawson offers 3 strategies in a Dev Opera article to "mobilise" a web site to work across all devices i.e. not just mobiles but also alternative browsing devices like games consoles (Nintendo Wii, DSi), web-enabled TVs, in-car browsers etc -


Strategy #1: Code well and do nothing special for mobile - The current crop of advanced mobile browsers are very good at rearranging content without being told how to by a developer...Making a good semi-liquid layout that has a min-width and max-width set in your CSS and em-based typography will work very well across a range of different devices and screen sizes.

Strategy #2: Make a separate mobile site - .. (although) it results in having two sites to user-test, maintain, etc

Strategy #3: Build mobile-aware adaptive sites - hardest to pull-off methodology... (but) future-proof as it tests features rather than sniffing browsers.

There are also numerous mobile web optimization tips in that article -
  • Combine files and reduce requests across the network
  • Put script elements as far down as possible in the source
  • State the dimensions of images in the HTML
  • Opera users can sign up for seven free hours of testing on Perfecto Mobile service that lets you test on real handsets via the Internet

.. and interesting facts -

Smartphones can run full Web browsers such as Opera Mobile or Safari/iPhone, while in the developing world we see much lower-end handsets that don’t have an operating system but, if they can run Java they can use Opera Mini (a thin client for a proxy-based system that compresses pages down to about 10% of their original size before being sent to the handset for rendering — see our comparison of Opera Mobile and Opera Mini)

Also see:
Jason Grigsby’s DOs and DON’Ts of Mobile Strategy
Visual tags: Microsoft Tag vs QR Code
Read More

Look what Google Goggles visual search can do

Google Goggles is a visual search application available currently for Android powered phones. It may possibly be available for phones of other platforms in the future.

You can take a photo of a book with a Android phone & Google Goggles will show you search results pertaining to that. So an image acts a keyword for Google Goggles.


It can scan a business card, extract information from it & store contact details on your phone automatically. It can get you the title & artist of a painting or get you landmark information for a place that you take a snap of. This computer vision technology can also do translation of text.

This YouTube video explains more about this interesting app. An excerpt from it about what it holds for the future -

Visual search is still in its infancy. 

In the future it will help you do more cool things like suggesting a move in a chess game or taking a picture of a leaf to identify the plant available for Android powered phones

The technology is both exciting & scary. Scary because of the potential privacy issues that it can cause.

Also see:
Sound Search Results
Visual tags: Microsoft Tag vs QR Code

60
Read More

Learning Windows Phone Programming - Preview Chapters

If you are getting started with Windows Phone 7 development, you can check two preview chapters from the book Learning Windows Phone Programming being written by two Microsoft folks Yochay Kiriaty and Jaime Rodriguez. On the book's dedicated website, the authors specify their objective -
"Our goal for the book is to share an insider view into Windows Phone. We want to share the insights from the product team, and lessons learned from the very early adopters."

The site also has a Windows Phone FAQ that has links to two other FAQ compilations.

Also see:
What's in Windows Phone 7 for Developers
180
Read More

What's in Windows Phone 7 for Developers

Windows Phone 7 Series
I've been reading with interest all the Windows Phone 7 news thats relevant for developers. I'll keep jotting down summaries here as I find them -
  • Though Windows Phone 7 supports multi-tasking...developers won't have access to it in the initial release.
  • Native applications are not permitted on Windows Phone 7 devices.
  • Developer access to Microsoft SQL Server Compact, a free SQL Server embedded database, is not part of the initial release..."isolated" local storage based on XML files and cloud-based storage are alternatives
  • Windows Marketplace is intended to be the sole means of finding and downloading phone applications
  • ..fast and open process for certifying Windows Phone applications and deploying them to Windows Phone Marketplace
  • With features like push notification service, WP7 is carefully engineered to minimize battery use (Source: ComputerWorld)

  • Windows Phone 7 mobile OS will not include a clipboard capability for copy-and-paste operations - at least not in the first version. (Source: ComputerWorld)
  • The Windows Phone 7 Series supports programs written for either Silverlight or XNA but mixing them up & combining Silverlight & XNA in the same program is not possible for now.
  • WP7 Series OS exposes classes defined by the .NET Compact Framework
  • At the present time, C# is the only supported programming language
  • Windows Phone 7 is "cloud-ready"
  • A Windows Phone 7 can only two possible screen sizes - 480 X 800 or 320 X 480 pixels
  • For better power efficiency, Windows Phone 7 displays will likely use OLED ("organix light emitting diode"). Designing screens with black backgrounds can conserve power.
  • The screens incorporate capacitance-touch technology, which means they respond to a human fingertip but not to a stylus or other forms of pressure. Windows Phone screens are required to respond to at least four simultaneous touch-points.
  • WP7 supports both speech synthesis & speech recognition through classes that are also part of .NET 4.0 (Source: “Programming Windows Phone 7 Series” book by Charles Petzold - 6 Preview chapters available for free download)
Related:
Silverlight 4 & Windows Phone Developer Tools
Read More

Silverlight 4 & Windows Phone Developer Tools

If you are a developer & kept away from Silverlight, there is no time like now to start playing around with it. There have been a lot of interesting announcements at MIX10, an annual conference for web developers & designers. Silverlight is going to be at the heart of Windows Phone 7 Series development. Silverlight 4 RC (What's RC?)  is out as well with a host of improvements (including Indic Support!). The Windows Phone Developer Tools CTP has also been released.

It consists of:
* Visual Studio 2010 Express for Windows Phone
* Windows Phone Emulator
* Silverlight for Windows Phone
* XNA Game Studio 4.0 CTP

So you now have all tools needed to build an app for Windows Phone 7 (the actual phone though will come later in the year) & prepare to submit an application to the Windows Phone Marketplace. Alongwith the motivation & free tools, there are also some great learning resources.
Read More

Visual tags: Microsoft Tag vs QR Code

As the Web got more popular in the last decade, it has been common to see advertisements carrying not much of details but just a terse URL prompting those interested to visit a website to get more info. As Mobile Internet gets more affordable & handsets with cameras get cheaper, a number of applications that leverage both those features have started to emerge.

Microsoft Tag & QR Code are visual tags that use proprietary technology to encode data in a 2D "barcode". They pack a lot of information in a small space. These visual tags can be used in traditional marketing media like print advertising, billboards, packaging and merchandising. A user capturing a visual tag through her mobile phone camera can be directed to a website for detailed information (that can include online photos & video) by a barcode reader application (that needs to be installed before hand on the mobile).



Picture courtesy: Wikipedia

Google utilizes QR Code to promote the most sought out local businesses (in the US) for it's Favorite Places website. Microsoft Tag is being increasingly used by publishers & advertisers, among others, to act as a gateway from traditional media to an internet site or online media. The movie Avatar used Microsoft Tag for their ad campaign to lead users to richer info online.


Picture courtesy: Microsoft

Microsoft Tag has some distinct advantages over QR Code (content paraphrased from multiple sources) -
  • MS Tag can handle long URLs and allow for content to be dynamically changed. The creator of the Tag can control to which web page a Tag can be directed to.
  • Tags can be one quarter the size of other two dimensional barcodes thus preserving precious real-estate on printed materials
  • Seamlessly works in Color or Black & White. Businesses can use their color logo.
  • Designed to work with the limited capabilities of a typical camera phone.
  • Enhanced Reed-Solomon error correction means Tags can still be read even if partially damaged.
  • Optimized for both print and video display.
  • On many phones can decode using a direct real-time camera video stream, you don’t even have to “click” to read the code.
  • Tags are saved for later viewing and can be forwarded to someone else (no need to scan it again).
  • MS Tag provides Analytics to publishers. The reporting data can help publishers tweak their campaign if required.
The Microsoft Tag API allows developers to programmatically access many of the same operations used on the Tag website.
Read More